I use the following to add a table row:

1. $(".add-row").live('click', function(){
2.         var newRow = $('#mytable tr:last').clone().insertAfter('#mytable tr:last');
3.         $('#mytable tr:last td:first img').css("visibility", "visible");
4.         $('#mytable tr:last td :input').val('');
5. });

and the following to delete a row:

1. $("img.delrow").click(function(){
2.         $(this).parents("tr").remove();
3.         return false;
4. });

The delrow class is in the first td cell on every row:

1. <td><img src="del.png" alt="" class="delrow" style="visibility: hidden;" /></td>

I tried different selectors in the delrow function as well, and when I click to add a row I see the "X" image, but clicking it does not delete the row. Firebug does not show any error. Does anyone know why this is? Thanks.