Question

I have an html table with a few rows, I have included a jquery function as

$('tr').mouseover(function() {
  $(this).addClass('row_over');
});

so that on mouse over the css class of that particular row changes. then I have added one more row using jquery, but the mouse over function doesn’t work on the dynamically added row, mouse over function works in all rows except this new one.

Please help me to sortout this issue

Thank you

Answer 1

Use the .live event to bind to elements created after page load.