[jQuery] PROBLEM: Adding hover to table rows on large tables

[jQuery] PROBLEM: Adding hover to table rows on large tables

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body bgcolor="#ffffff" text="#000000">
<font face="Arial">The following code works fine on small tables:
    $("table tbody
tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");});
But on tables with 5,000-10,000 rows, it throws the "A script on this
page may be busy, or it may have stopped responding. You can stop the
script now, open the script in the debugger, or let the script
continue."
Can anyone suggest a workaround?
Thanks
</font>
</body>
</html>