如何访问和更改动态创建的多个html表单元素？

Question

我有一个包含许多输入字段的表单。我无法访问动态重复的表单并对其进行更改。我会告诉你一部分内容来解释我的问题。

<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>

这是表格的一部分。选中ADD复选框后，将激活下拉菜单，当选择一个选项时，将从数据库中检索选项值并显示在Total div上。现在，我可以通过输入金额或百分比字段来操纵总计。我可以使用jQuery复制此表单，但我希望复制的表单独立于原始表单。我怎么做？这是我到目前为止所做的，但重复的表格不是独立工作的。有什么建议吗？感谢。

$(".add").live('click',function(e){
    orginize($(e.target));
});

orginize(obj){
 var addCheck = obj.closest('div').find('input:checkbox');
 if(addCheck.is(':checked')){
   // Do stuff
 }
}