I have an [editable table with rows cloned](http://jsfiddle.net/Manna/S3kZw/5/), the rows cloned are editable in both column with a *text area* and *input number*. If you click to edit the input number, there is a function which makes the sum and gives the Total Amount automatically.

My issue now is that i can not configure properly the remove button for the rows cloned. If you give a try you notice that instead of removing a row, it adds one more. Please i need help on how to figure it out this issue.

This is the script for rows cloned, i think it needs to get reduced and improved

```
$('input:button').live('click',function(){
    var temprow = $('#temprow tbody').html();
    var tr = $(this).closest('tr');
    tr.after(temprow);
});

$("input.tr_clone_add").live('click', function() {
    var lastid = $('[id^="sum"]').length + 1;
    var $tr = $(this).closest('.tr_clone');
    var $clone = $tr.clone();
    $clone.find(':text').val('');
    $clone.attr('id', 'sum' + lastid)
    $tr.after($clone);
    initEditables();
    tally('p#subtotal');
    tally('p#total');
});

$(".tr_clone_remove").live("click", function() {
$(".tr_clone").last().remove();
    initEditables();
    tally('p#subtotal');
    tally('p#total');
});

initEditables();
tally('p#subtotal');
tally('p#total'); 

```

[My Table](http://jsfiddle.net/Manna/S3kZw/5/)