I have a table ... i want the textbox value in each row..

Question

Sir this is my table.

 

<table id="OrderItems" border="1" width="70%">

<tbody>

<tr>

<td>Product</td>

<td>Price</td>

<td>Quantity</td>

<td></td>

</tr><tr>

<td >

<input id="Product" class="form-control" type="text" width="10px">

<input id="ProductId" value="" type="hidden">

</td>

<td>

<input id="Price" class="form-control" value="150" type="text" width="10px">

</td>

<td>

<input id="Quantity" class="form-control" value="10" type="text">

</td>

<td>

<input id="BtnAdd" value="Add" class="btn-primary" onclick="AddNewRow()" type="button">

</td>

</tr>

</tbody>

<tr>

<td >

<input id="Product" class="form-control" type="text" width="10px">

<input id="ProductId" value="" type="hidden">

</td>

<td>

<input id="Price" class="form-control" value="150" type="text" width="10px">

</td>

<td>

<input id="Quantity" class="form-control" value="10" type="text">

</td>

<td>

<input id="BtnAdd" value="Add" class="btn-primary" onclick="AddNewRow()" type="button">

</td></tr></table>

=============================================================================================

 

 When i press the Add button i want to incriment new row. and also i want to check the current rows textbox value null or not. If the textbox is not null then increment a new row.

 

Please help any one,,,,,,