Some stage setting: I have a table, and some of the columns in the table have a class (removed some columns for brevity):

1.   <table id="OrderDetails" width="100%" cellpadding="0" cellspacing="0" class="listtable">
2.     <tr>
3.       <td class="pagejump" id="row_0" align="center"><img src="JumpBullet.png"/></td>
4.       <td class="title">title for row 0</td>
5.     </tr>
6.   </table>

In my document.ready, I have a hover event handler that works fine.  I also have a click event handler.  Again, all works great when the page first loads.

1. $(function() {
2.         $(".pagejump").click(function() {
3.             var fldID = $(this).attr("id");
4.             var curID = fldID.slice(4);
5.             // send this info back to the server
6.         });
7.          $(".pagejump").hover(function() {
8.                 $(this).addClass("hoverBkg");
9.             },
10.             function() {
11.                  $(this).removeClass("hoverBkg");
12.         });
13. });

The problem comes if I replace the rows in the table with new rows (that still have the same classes assigned to the same columns):

1. function ReloadOrders(strOrders) {
2.     $("#OrderDetails").html(strOrders);
3. }

My table still looks fine, everything is in place (the actual code has about 8 columns), but now none of the events fire.  So, somewhere in the document.ready, jquery must be hooking up the elements with the event handlers, and that isn't happening after I replace.  Pointers to docs are welcome.

Thanks,
Greg