function binding and the clone() function - Jquery
- by Sam Vloeberghs
Hi
I have problems with my keyup binding when cloning an element. Here's the scenario:
I have an html markup like this:
<tr class="rijbasis">
<td>
<input type="text" class="count" />
</td>
<td>
<span class="cost">10</span>
</td>
<td>
<span class="total">10</span>
</td>
</tr>
I'm binding an keyup function to the input element of my table row like this:
$('.rijbasis input').keyup(function(){
var parent = $(this).parent().parent();
$('.total',parent).text(parseInt($('.cost',parent).text()) * parseInt($('.count',parent).val()));
}
I designed the function like this so I could clone the table row on a onclick event and append it to the tbody:
$('.lineadd').click(function(){
$('.contract tbody').append($('.contract tbody tr:last').clone());
$('.contract tbody tr:last input').val("0");
});
This al works , but the keyup function doesnt work on the input elements of the cloned row..
Can anybody help or advice? I hope I was clear enough and I'll be surely adding details if needed to solve this problem.
Greetings
