The problem isn't with jQuery, it's with your CSS fire up that example page in Firefox with Firebug's "Inspect" tab open and you'll see "dblred" get applied and removed just fine
but you'll also see in the "style" pane that this "dblred" class is getting superceeded by the mess of other classes involved to avoid all this conflict, you can either 1) Clean up your CSS or 2) This works $(document).ready(function() { $(".tick td").hover( function() { $(this).css("background-color", "#c00"); }, function() { $(this).css("background-color", ""); } ); });