show row in new table on hover of row in another datatable

medSwa

hello , i have the requirement to show data in a new table while hovering over a row in another datatable. i.e while i hover over a row in one datatable i will have to show more details about it in another. i am trying the below, but its not coming up while hover. please let me know if it must be done in some other way,

$(document).ready(function() {

var billDetailTable;
var aData;
$(document).ready(function() {
billDetailTable = $('#billDetail').dataTable();
} );

var queueTable = $('#queues').dataTable( {

"sPaginationType": "full_numbers",
"bServerSide": true,
"bProcessing": true,
"bJQueryUI": true,
"sAjaxSource": "/jquery/hello"
} );

$('#queues tbody tr').live('hover',function () {

aData = queueTable.fnGetData( this );
billDetailTable.fnAddData([aData[0], aData[1], aData[2], aData[3], aData[4] ]);

} );
} );

medSwa

Anyone?