This is my html for inserting 3 columns containing Option Part no, Serial and Qty. I want new row to be inserted just underneath the row whenever I enter some data in these column and click add button. I will appreciate help pls help me.


<tr>

<td width="100%" class="style1">
<div align="right">Option Part Number:</div>
</td>
<td width="35%"><input name="partno" type="text" class="formfield" id="partno" size="30" value="">*
</td>

<td class="style1">
<div align="right">Serial:</div>
</td>
<td><input name="serial" type="text" class="formfield" id="serial" size="20" value=""></td>

<td class="style1">
<div align="right">Qty:</div>
</td>
<td><input name="qty" type="text" class="formfield" id="qty" size="10" value=""></td>



</tr>