unable to select a row in IE8

pnavgire

Hi All,

I am facing strange problem in IE8 with datables. When the table is rendered and I try to select a row, the row doesn't gets selected in IE8. I am using datables in four places in my application in which two of them are not working in IE8. Also I am not getting any errors in IE8.
I have inserted alert statements in dataTable_wrapper.js since console.log doesn't work in IE.
[code]
function _resetClickHandlers(pDataTable){
// unbind the function if present
$(pDataTable.vTblRow).unbind('click');

/* Add a click handler to the rows - this could be used as a callback */
$(pDataTable.vTblRow).click( function () {
alert("inside click hndlr");
if ( $(this).hasClass('row_selected') )
{
$(this).removeClass('row_selected');
alert("probe1");
}
else
{
alert("probe2");
var anSelected = _fnGetSelected( pDataTable.table);
if ( anSelected.length != 0 )
{
$(anSelected[0]).removeClass('row_selected');
alert("probe3");
}
$(this).addClass('row_selected');
alert("probe4");
}
} );
}
[/code]

Whenever I click on the row I get the alert statements in the following sequence:-

1. inside click hndlr
2.probe2
3.probe4
4.inside click hndlr
5.probe1

This means _resetClickHandlers is getting called twice for a single click and it higlights the row in the first call and then removes the higlight in the second call.

Can somebody tell me whats wrong ?

Thanks,
Parikshit