I have a table and need to duplicate lines and incrementing id of new lines created. I suppose all this can be done with JQUERY but don't this very well... Examples found stack overflow does not seem to work for me. thanks for your help
<table width="100%" id="table-data" >
<tr>
<td><strong>Title</strong></td>
<td><input id="input_1" type="text" style="width:200px" value="Nom"/>
<input type="text" style="width:200px" value="Prénom"/>
<a href="#"><i class="icon-plus"></i>ADD</a></td>
</tr>
<tr>
<td valign="top"><strong>Title</strong></td>
<td >
<div id="bloc_cell">
<input id="bloc_1" type="text" class="requis" value="Name"/>
<br>
<TEXTAREA class="requis" name="positive3" >Adress</TEXTAREA>
<br>
<input type="text" value="Tél"/>
<br>
<input type="text" value="Email"/>
<br>
<input type="text" value="Web"/>
</div>
<a href="#"><i class="icon-plus">ADD</i></a></td>
</tr>
</table>
Actually, i found a solution with this jsfiddle
But i just need to add a REMOVE button that remove the TR added. This remove button should only appears if from the second TR (first row can't be removed) Thanks for your help !