title: How to read multiple rows of Form elements?
body: <p>I have form elements in multiple rows. What is the best way to name these elements so that i can read all the values in the form and generate a JSON with the values? Since HTML does not support Arrays what is the best alternative?</p>
  
  <p>Each row has 2 text elements and 1 Select element. These rows are generated dynamically. </p>
  
  <p>Edit: Basically i want an easy way to convert my data into JSON so that i can pass it to a service.</p>
  
  <p>Each of my row looks like this</p>
  
  <pre><code>&lt;tr&gt;&lt;td&gt;&lt;input type="text"&gt;&lt;/input&gt;&lt;/td&gt;
  &lt;td&gt;&lt;select&gt;&lt;option&gt;Exact&lt;/option&gt;&lt;option&gt;Regex&lt;/option&gt;&lt;option&gt;Action&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input type="text"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;
  
  &lt;tr&gt;&lt;td&gt;&lt;input type="text"&gt;&lt;/input&gt;&lt;/td&gt;
  &lt;td&gt;&lt;select&gt;&lt;option&gt;Exact&lt;/option&gt;&lt;option&gt;Regex&lt;/option&gt;&lt;option&gt;Action&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input type="text"&gt;&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt; .....
  </code></pre>