<table id="tbl1" class="form-group"> <tr><td class="col-sm-1">Code:</td><td ><asp:TextBox OnTextChanged="txtCode_TextChanged" AutoPostBack="true" runat="server" ID="txtCode"></asp:TextBox></td><td class="col-sm-1">Fine:</td><td><asp:TextBox runat="server" ID="txtFine"></asp:TextBox></td> <td> <a href="java<!-- no -->script:void(0);" id='anc_add' class="btn btn-green">Add Code</a></td> <td><a href="java<!-- no -->script:void(0);" id='anc_rem' class="btn btn-red ">Remove Code</a></td></tr> </table> <script> $(document).ready(function () { var cnt = 2; var cnt1 = 2; $("#anc_add").click(function () { $('#tbl1 tr').last().after('<tr><td class="col-sm-1"> Code:' + cnt + '</td><td class="col-sm-1"><asp:TextBox runat="server" ID= "cnt" ></asp:TextBox><td class="col-sm-1"> Fine:' + cnt1 + '</td><td class="col-sm-1"><asp:TextBox runat="server" ID= "cnt1" ></asp:TextBox></td></tr>'); cnt++; cnt1++; }); $("#anc_rem").click(function () { if ($('#tbl1 tr').size() > 1) { $('#tbl1 tr:last-child').remove(); } else { alert('One row should be present in table'); } }); var getval = $('input[data-type="number"]').val; }); </script>