gistfile1.js

function LoadDashBoard()
		{
			$("#actdiv").hide('fast');
			var loadUrl = "ajax/load_agents.php";
			var ajax_load_bar = "<div align='center'><img src='images/loadingAnimation.gif' alt='loading...' /></div>"; 
			$("#actdiv").html(ajax_load_bar).load(loadUrl,function() {
				alert('load was performed');
			});
			$("#actdiv").show(3000);		
		}	
	
		$(".agent-tab").click(function(){
			alert('cliek');
		});

//The HTML That gets loaded on the #actdiv is the following.

<div class="agent-tab">
<div class="agent-tab-header"><? echo strtoupper($row['device_name']); ?></div>
<div class="agent-tab-body">
<? // row starts here ?>
<div class="agent-tab-row">
<div class="agent-tab-side-right">
<div class="agent-tab-side-head agent-content">
No of Profiles
</div>
<div class="agent-tab-side-value agent-content-value">
<?=$noOfPros?>
</div>
</div>
<div class="agent-tab-side-left">
<div class="agent-tab-side-head agent-content">
No of Dataitems
</div>
<div class="agent-tab-side-value agent-content-value">
<?=$totDataItems?>
</div>
</div>
</div>
<? // row ends here ?>
<? // row starts here ?>
<div class="agent-tab-row">
<div class="agent-tab-side-right">
<div class="agent-tab-side-head agent-content">
Last Viewed
</div>
<div class="agent-tab-side-value agent-content-value">
<?=$row['last_viewed']?>
</div>
</div>
<div class="agent-tab-side-left">
<div class="agent-tab-side-head agent-content">
Total Views
</div>
<div class="agent-tab-side-value agent-content-value">
<?=$row['total_views']?>
</div>
</div>
</div>
<? // row ends here ?>
</div>
</div>