http://stackoverflow.com/questions/2145012/adding-rows-dynamically-with-jquery How could I give the added row unique names... such as name=name[] or id=name[] instead of just id=name?
Try this: <!DOCTYPE html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#add").click(function() { var newname = 'name[' + $('#mytable tbody tr').length + ']'; $('#mytable tbody tr:last').clone(true).insertAfter('#mytable tbody tr:last'); $('#mytable tbody tr:last td input').attr('name', newname); $('#mytable tbody tr:last td input').attr('id', newname); return false; }); }); </script> </head> <body> <a id="add">+</a></td> <table id="mytable" width="300" border="1" cellspacing="0" cellpadding="2"> <tbody> <tr> <td>Name</td> </tr> <tr class="person"> <td><input type="text" name="name[1]" id="name[1]" /></td> </tr> </tbody> </table> </body> </html> Code (markup):