JQuery не может удалить динамически добавленную строку

Question

Что-то останавливает эту работу, я динамически добавляю строку в таблицу, затем, если они щелкают по новой строке (или любой строке в таблице), она должна исчезнуть ... но она не работает?

$('.addtocart').click(function(){
                    var omPartNo = $(this).next().text();
                    var supPartNo = $(this).next().next().text();
                    var cat = $(this).next().next().next().text();
                    var desc = $(this).next().next().next().next().text();
                    var manuf = $(this).next().next().next().next().next().text();
                    var list = $(this).next().next().next().next().next().next().text();
                    var disc = $(this).next().next().next().next().next().next().next().text();
                    var priceEach = $(this).next().next().next().next().next().next().next().next().text();
                    $('#cart table').append('<tr class="tableRow"><td><a class="removeItem" href="#"><img src="/admin/images/delete.png"></img></a><td>' + omPartNo + '</td><td>' + supPartNo + '</td><td>' + cat + '</td><td>' + desc + '</td><td>' + manuf + '</td><td>' + list + '</td><td>' + disc + '</td><td>' + priceEach + '</td></tr>');
                });

                $('.tableRow').click(function(){
                    $(this).remove();
                });

Answer 1

Используйте live, например:

$('.tableRow').live('click',function(){
    $(this).remove();
});