I have a table that displays n rows based on the records from the database. For a particular row that gets displayed n times, I have assigned a name to the row. The row already has some CSS applied to it. But I want that whenever I take the mouse over the row, the new CC should get applied and the on mouse out the old CSS should reapply.
I tried the code as: $("tr[name='myRowName').hover( function() { $(this).addClass("newClass"); }, function() { $(this).removeClass("newClass"); } ); But it does not work. Can anyone let me know.