I have a form with many input fields. I can't access and make changes on dynamically duplicated forms. I will show you just a portion of the fom to explain my problem.
<div>
<input class="add check" type="checkbox" name="add"> <label for="check">Add</label>
</div>
<select disabled="true" class="classname">
<option value="value1">Value1</option>
<option value="value2">Value2</option>
</select>
<input name="percentage" type="text" class="percent medium" disabled="true" />
<input name="amount" type="text" class="amount medium" disabled="true" />
<div class="total medium process_price"></div>
This is the part of the form. When ADD checkbox is checked drop down is activated and when an option is selected, option value is retrieved from database and displayed on Total div. Now, I can manipulate Total by entering either amount or percentage field. I am able to duplicate this form with jQuery but I would like the duplicated form independently work from the original. How do I do that? This is what I have so far but the duplicated form is not working independently. Any suggestion? Thanks.
$(".add").live('click',function(e){
orginize($(e.target));
});
orginize(obj){
var addCheck = obj.closest('div').find('input:checkbox');
if(addCheck.is(':checked')){
// Do stuff
}
}