onclick function stops working after all rows have been displayed

kingtreelo

probably going to find this hard to explain, but here we go...

I have a datatable returning results, and on the onclick function i am getting a value from one of the 's.

[code]$("#aidDetails").on("click", "tbody tr", function (event) {
var FacValue = $(this).find(".Cell").html();
$.ajax({
url: '@Url.Content("~/Manager/GetFactorDetails")',
type: 'GET',
data: { FacValue: FacValue },
dataType: 'html',
cache: 'false',
success: function (data) {
$('#facDetails').html(data);
}
})
});
[/code]

this works perfectly fine on one page of my site, but when i try to run it on a second page(tables are not the same etc etc), the onlcick works fine until i have clicked on all of the rows available, then it no longer changes the value

anyone any ideas?