title: DataTable equivalent in Jquery to store data?
body: <p>I have a form on which I am adding rows dynamically using Jquery. </p>
  
  <p>Please take a look: <a href="http://jsfiddle.net/a4NSm/9/" rel="nofollow">DEMO</a></p>
  
  <p>Now I want to save the data of all rows that has been added in my database using Jquery Ajax call on click event of SAVE button. The point where I am stuck is .. I am not sure how should I extract data of all rows and send it to the webmethod. I mean had it been c# I could have used a DataTable to store data of all rows before sending it to DataBase. I think I should create a string seperated by commas and pipe with data of each row and send it to webmethod. I am not sure if its the right approach and also how this is to be done (ie. creating such a string). </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table id="field"&gt;
      &lt;tbody&gt;
      &lt;tr id="row1" class="row"&gt;
          &lt;td&gt; &lt;span class='num'&gt;1&lt;/span&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;select class="myDropDownLisTId"&gt; &lt;input type="text" class="datepicker" /&gt;&lt;/select&gt;&lt;/td&gt;&lt;td&gt;
              &lt;input type="submit"&gt;&lt;/input&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;button type="button" id="addField"&gt;Add Field&lt;/button&gt;
  &lt;button type="button" id="deleteField"&gt;Delete Field&lt;/button&gt;
  &lt;button type="button" id="btnsave"&gt;SAVE&lt;/button&gt;
  </code></pre>