单击“提交”按钮后如何使克隆元素保持不变？

Question

当我点击“添加行”时，我会自动添加一行。按钮。使用clone（）方法创建的行。当我点击提交＆＃39;按钮。新的一行消失了，并没有留在那个页面。如何在页面加载后使其保持文本框中的输入？

以下是该行的代码：

<div id="rows">
  <div class="p2">
    <input type="checkbox" class="checkbox" runat="server"/>
    <input id="txt1" type="text" runat="server" maxlength="16" value="0.00" /> &nbsp;
  </div>
  <div class="p3">&nbsp;</div>
  <div class="p4">
    <input id="txt2" type="text" runat="server" maxlength="16" value="0.00"/> &nbsp;
  </div>
  <div class="p5">&nbsp;</div>
  <div class="p6">
    <input id="txt3" type="text" runat="server" maxlength="16" value="0.00"/> &nbsp;
    &nbsp;
    <span style="color:red;">*</span>
  </div>
</div>

以下是我的javascript代码：

var cloneCount = 1;
//Add new row
$("#addrow").click(function () {
  $('#rows')
    .clone(true).find('input:text').val("").end()
    .attr('id', 'rows' + cloneCount++, 'class', 'block')
    .insertAfter('[id^=rows]:last');
  return false;
});

下面是我的按钮代码：

<div id="bttns" style="text-align:center;">
  <button id="addrow" >Add Row</button>
  <button onclick="validate()" >Submit</button>
</div>

我使用的是VS2012，这个项目是ASPX网页表单。我需要做一些代码隐藏吗？我的代码中有什么问题？真的需要你的帮助，我是C＃和asp.net的新手。