คำถามเพิ่มเติมสำหรับ เทคนิค การเพิ่มลบแถว ในตาราง ด้วย jquery ครับ

เทคนิค การเพิ่มลบแถว ในตาราง ด้วย jquery ครับ คือสมุดว่าเวลาที่แล้วใส่ขอมูลไว้ใน text1 พอเวลาที่เราคลิกเพิ่มแถวแถวที่ 2 ก็ยังมี ข้อมูลที่อยู่ใน text1 ค้างอยู่ถ้าเราจะทำให้เพิ่มแุถวมาแฃ้วกำหนดให้ text นั้นเป็นค่าว่างพร้อมทั้งระบุ id ของ text ตัวนั้นให้บวกเพิ่มขึ้นทีละ 1 จะทำยังไงครับ

 เอาตัวอย่างโค้ดต่อไปนี้ ไปเป็นแนวทางดู

<form id="form1" name="form1" method="post" action="">
<table id="myTbl" width="650" border="1" cellspacing="2" cellpadding="0">
  <tr id="firstTr">
    <td width="119"><select name="data1[]" id="data1[]">
      <option value="1">data1</option>
      <option value="2">data2</option>
    </select></td>
    <td width="519"><input type="text" name="data2[]" id="data1" /></td>
    </tr> 
</table>
<br />
<table width="500" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    <button id="addRow" type="button">+</button>  
    &nbsp;
    <button id="removeRow" type="button">-</button>
	&nbsp;
    &nbsp;
    &nbsp;
    <button id="Submit" type="submit">Submit</button>    
    </td>
  </tr>
</table>
</form>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function(){
	$("#addRow").click(function(){
		var obj_clone=$("#firstTr").clone();
		obj_clone.find("input").each(function(){
			var id_increat=parseInt($("input[name^='data']").size())+1;
			$(this).val("").attr("id","data"+id_increat);
		});
		$("#myTbl").append(obj_clone);
	});
	$("#removeRow").click(function(){
		if($("#myTbl tr").size()>1){
			$("#myTbl tr:last").remove();
		}else{
			alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
		}
	});				 
});
</script>

ตัวอย่าง

 https://www.ninenik.com/content.php?arti_id=299

ลองเข้าไปดู

 รบกวนช่วยอธิการโค้ดหน่อยได้ไหมค่ะ พอดีจะนำไปประยุกต์ใช้ค่ะ