Dynamically adding rows to table in html with table data as text boxes
<p>I have a table with two cloumns PartNumber and Quantity as column headers. Each row is a editable text box with a specific ID that is used for sending data over network. Table structure is as follows</p>

<pre><code>&lt;tr&gt;
&lt;th&gt;Part Number&lt;/th&gt;
&lt;th&gt;Quantity&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;input type="text" id="t1"&gt;&lt;/td&gt;
&lt;td&gt;&lt;input type="number" id="q1"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;input type="text" id="t2"&gt;&lt;/td&gt;
&lt;td&gt;&lt;input type="number" id="q2"&gt;&lt;/td&gt;
&lt;/tr&gt;
--
--
--
&lt;tr&gt;
&lt;td&gt;&lt;input type="text" id="t5"&gt;&lt;/td&gt;
&lt;td&gt;&lt;input type="number" id="q5"&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>On click of button i have to send data to webservice for further processing.</p>

<p>My new task is to dynamically add rows on click of a addrow button . Adding rows with textboxes is not an issue.. the issue comes with assigning ID's to every field. ie.. The next row should have the ID's as 't6' and 'q6' how can i do this</p>
