Jquery Remove / Add Bug

by blowsie

HTML

<button id="addRow">Add</button>

<table>
    <tr>
        <td>This is weird!</td>
        <td><button class="deleteRow">Delete</button></td>
    </tr>
</table>

CSS

td {border:1px solid #666; padding:5px;}

JavaScript

$("#addRow").click(function() {
    var table = $("table");
    var lastTr = table.find('tr:last')
    table.append(lastTr.clone())
});


$(".deleteRow").live('click', function() {
    var tr = $(this).parents("tr");
    tr.remove();            
});