Divの入力値を保存して復元する

Question

jQueryを使用してDIVにputされたInputコントロールのすべての値を保存して復元するにはどうすればよいですか？ jQuery Serialize APIを使用する必要がありますか？
たとえば、以下のDIVの3つの入力コントロールがあります。jQueryを使用して値を保存および復元する方法は？

<Div Id=Test> 
<table > 
    <tr> 

     <td> 
      Name 
     </td> 
     <td> 
      <input name="WebUserControl1$TextBox1" type="text" id="TextBox1" /> 
     </td> 
    </tr> 
    <tr> 
     <td> 

      Family 
     </td> 
     <td> 
      <input name="WebUserControl1$TextBox2" type="text" id="TextBox2" /> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      age 
     </td> 

     <td> 
      <input name="WebUserControl1$TextBox3" type="text" id="TextBox3" /> 
     </td> 
    </tr> 

</table> 
</Div> 

Answer 1

jqueryデータ属性を使用して、このようなdom要素に固有の値を格納できます。

$("divSelector").data("myData", "data"); 

それを盗んするには、

$("divSelector").data("myData");//It will give "data" 

を試してみてくださいと言っているこの

var inputObj = {}, $this; 

$("#Test input").each(function(){ 
    $this = $(this); 
    inputObj[$this.id] = $this.val(); 
}); 

//This will store the object we created above in Test data attribute. 
$("#Test").data("inputControls", inputObj);