Q:

Tablesorter : Mouseover not working after applying sorting on table

css
.ItemRowHover td {background-color:#ff9900; }

jscript
$('.items').tablesorter();

// these two mouse events work unless the sorting is done,
// as soon as the table is sorted by clicking any of the header columns, these cease working.

$('.items tr').each(function(){ 
  $(this).bind('mouseover', function(){ 
    $(this).addClass('ItemRowHover');  
  }); 
});

$('.items tr').each(function(){
  $(this).bind('mouseout', function(){
    $(this).removeClass('ItemRowHover'); 
  }); 
});

After sorting the table by any column, the hover jQuery stops working, but works when the page loads the first time and the table is unsorted by clicking any of the headers.

A:

Why don't you change the selectors like this?
try with this : $('tr.items')
$(document).ready(function () {
    $("#myTable").tablesorter();
    $('td.items').hover(function () {
        $(this).addClass("ItemRowHover");
    }, function () {
        $(this).removeClass("ItemRowHover");
    });
});

Also change your Css to 
td.ItemRowHover {background-color:#ff9900; }

If you want to change the background of a td only on hover, then use only CSS. No need of jQuery
Suppose table is having ID tblData then CSS should be
#tblData tr:hover
{
   background-color:#ff9900; 
}

Fiddle Demo with CSS
Fiddle Demo with JS

