remove html table row by after checking chekbox that in row

Question

How to remove using jquery html table row after checking checkbox that in this row?

<table  id="mainTable">
    <tr>
        <th>
            name
        </th>
        <th>
            remove
        </th>
    </tr>
    <tr>
        <td>
            <input type="text" />
        </td>
        <td>
            <input type="checkbox" id="chb1" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" />
        </td>
        <td>
            <input type="checkbox" id="chb2" />
        </td>
    </tr>
</table>

for example, i select checkbox with id chb2, and want that second row is removed

Answer 1

Try this:

$('input:checkbox').click(function() {        
    $(this).parent().parent().remove();
});

Answer 2

Try this for current and future rows:

$('input:checkbox').live('click',function() {        
  $(this).closest('tr').remove();
});