Есть html разметка
<table width="100%">
<tr>
<td>Ширина</td>
<td>Высота</td>
<td>Артикуль</td>
<td>Кол-во полотен</td>
</tr>
<tr>
<td>
<input type="text" name="width[0]" class="add_product_input" style="width:200px;"/>
</td>
<td>
<input type="text" name="height[0]" class="add_product_input" style="width:200px;"/>
</td>
<td>
<input type="text" name="articul[0]" class="add_product_input" style="width:200px;"/>
</td>
<td>
<input type="text" name="count[0]" class="add_product_input" style="width:200px;"/>
</td>
</tr>
</table>
<span class="add_attr">Добавить</span>
Как сделать так что бы при нажатии на "Добавить добавлялось "
<tr>
<td>
<input type="text" name="width[0]" class="add_product_input" style="width:200px;"/>
</td>
<td>
<input type="text" name="height[0]" class="add_product_input" style="width:200px;"/>
</td>
<td>
<input type="text" name="articul[0]" class="add_product_input" style="width:200px;"/>
</td>
<td>
<input type="text" name="count[0]" class="add_product_input" style="width:200px;"/>
</td>
</tr>
Реализовать нужно средствами jquery