title: Adding Table Rows on Button Click
body: <p>I want to add <code>table rows</code> as the user clicks the <code>Add button</code>. In a new row there are 3 textboxes. As the rows gets added <code>id</code> of textboxes should be set like <code>array list</code>. </p>
  
  <p>For e.g<br>
  if it is 2nd row added, the textbox <code>ids</code> will be <code>textbox1_1</code> <code>textbox2_1</code> <code>textbox3_1</code><br>
  if it is 3rd row added, the textbox <code>ids</code> will be <code>textbox1_2</code> <code>textbox2_2</code> <code>textbox3_2</code></p>
  
  <p>Because I want to Add all these <code>textboxes</code> values in a <code>single string</code> at the end.</p>
  
  <p><a href="http://jsfiddle.net/x7yvLrnk/" rel="nofollow noreferrer">FIDDLE</a></p>
  
  <p>Added later :-
  Indeed at the first time there are no rows in the table.</p>