[jQuery] jquery adding and removing row

[introvert]

Hello,

I want to be able to add row at the end of the table with a 'remove'
link which will remove specific row.

The code I've managed to write so far:

        $(document).ready(function() {

        $("#add_item").click(function () {
                        var html = "<tr id='item_" + item_id + "' 
class='item'><td><a
href='#' class='remove' id='remove_" + item_id + "'>remove</a></td></
tr>";
                        var o = $("#calc .item :last");
                        var newo = o.parent().after(html);

                        newo.find('.remove').click(function () {
                                newo.remove();
                                alert('hel');
                        });


                        item_id++;
                        return false;
        });

        });

should work with the following html structure:

<table id="calc">
        <tr class="item">
                <td>test</td>
        </tr>
        <tr class="item">
                <td>test</td>
        </tr>
</table>

The problem is it wont instert the row at the proper place (after the
last .item (class) and the remove link wont work for the last row in
the table/list.

I have no idea why no handler is put on the last row.
Any help is highly appreciated!