trouble removing element using remove()
console.log($(this).closest('tr').clone().find('td:last')); //this is the td that i want to remove
            $(this).closest('tr').clone().remove('td:last').append('<td><input type="button" value="Del" class="removesystem"/></td>').appendTo('.targetbox table'); //doesnt get removed here. i tried with .end() after remove() as well, without any success.

$(this).closest('tr').clone().find('td:last').remove().end().append( yadda yadda yadda )

$(this).closest('tr').clone().find('td:last');

$(this).closest('tr').clone().find('td').remove(':last').append('<td><input type="button" value="Del" class="removesystem"/></td>').appendTo('.targetbox table');

$(this).closest('tr').find('td:last').remove();