jQuery 实现获取动态 添加 文本框的值

目的：获取到 动态 添加文本框的值 并显示在 新增的文本框里；举例说呢 就是 页面上有 2个 input 同时 有个 增加input的按钮 当 在前2个input 里输入了 值 后 想同时 添加多条数据 点击 增加input 按钮 增加 2个新的input 但是 要求 这新增的2个 input 必须 对应 获取到上面2个input的 值 ，假如 再想增加不同数据 时 修改 最上面2个input ，点击增加时 新增的input 值也获取到上面的值 ，每个 新增的input 值 肯定是不一样的 ； 现在 我做到了新增的 input的 值 是一样 当改变最上面2个值 所以 新增的input 值 都改变了 ，，，，哪位大虾 指点指点 让他新增的 数据 和 之前 新增的 数据不重复呀，，，，，，，，，，，，，，，，，，，下面是 增加 input 的代码 和 获取到新增 文本框的代码

// 增加新input
$addOption.live("click", function() {
var $this = $(this);
[@compress single_line = true]
var trHtml = 
'<tr class="optionTr">
<td>
&nbsp;
<\/td>
<td>
<input type="text" name="upc" class="text upc" maxlength="20" style="width: 100px;"/>
<\/td>
<td>
<input type="text" name="memberSn" class="text memberSn" maxlength="20" style="width: 100px;;"/>
<\/td>
<\/tr>';
[/@compress]
$attributeTable.append(trHtml);
});
//获取到值

function changeValue(){
var value = document.getElementsByName("upc")[0].value;
var arr = document.getElementsByName("upc");
for(var i=0; i<arr.length; i++){
arr[i].value = value;
}
var value = document.getElementsByName("membersn")[0].value;
var arr = document.getElementsByName("memberSn");
for(var i=0; i<arr.length; i++){
arr[i].value = value;
}