Not able to highligh a row on click
Not able to highligh a row on click

Hi ,
I used below code to highlight my row , but things not working. I even added the code in CSS.
The event is being triggered. Dnt know where is the problem
Please guide.
I used the following code...
$("#" + widget.controlId + "-data-table tbody tr").on('click', { widget: this }, function () {
var table = self.oItemSummaryTable.DataTable();
//alert("0");
if ($(this).hasClass('selecteRow')) {
$(this).removeClass('selecteRow');
//this.bgColor = '#C0C0C0';
}
else {
table.$('tr.selecteRow').removeClass('selecteRow');
$(this).addClass('selecteRow');
//alert("22");
}
});
In CSS:
table.dataTable tbody tr.selecteRow {
background-color: #b0bed9;
}