I am new to jQuery and PHP so I know my coding is very crude at best but I need help with this.My PHP coding:\[code\]<td style="width: 39px; height: 30px;"><select id="choice" name="choice" class="ddl" style="width: 150px"><?php foreach($xml->children() as $pizza){ ?><option value="http://stackoverflow.com/questions/14429794/<?php echo $pizza; ?>" selected=""><?php echo $pizza; ?></option><?php }?></select></td> <td style="height: 30px; width: 32px;"> <input id="num" name="num" class="dd2" style="width: 46px" type="number"></td> <td style="height: 30px; width: 91px;"> <input TYPE = "button" id="addbt" Name = "addbt" VALUE = "http://stackoverflow.com/questions/14429794/Add Pizza" class="auto-style1"></td> <td style="height: 30px"> <input TYPE = "button" id="removebt" Name = "removebt" VALUE = "http://stackoverflow.com/questions/14429794/Remove A Pizza" class="auto-style1"></td> </tr> <tr> <td style="width: 131px; height: 30px;"> </td> <td style="width: 39px; height: 30px;"> </td> <td style="height: 30px; width: 32px;"> </td> <td style="height: 30px" colspan="2"> </td> </tr> <tr> <td style="width: 131px"> <INPUT TYPE = "Submit" Name = "Submit1" VALUE = "http://stackoverflow.com/questions/14429794/Submit Order"></td> <td colspan="4"><input id="reset" type="button" value="http://stackoverflow.com/questions/14429794/Reset Order"></td> </tr></table> <p> </p> </form>\[/code\]The jQuery coding is : \[code\]<script type="text/javascript"> $("#addbt").click(function () { $('#choice').clone() .attr('id', 'choice' + $('.ddl').length) .attr('name', 'choice' + $('.ddl').length) .insertAfter(".ddl:last"); $('#num').clone() .attr('id', 'num' + $('.dd2').length) .attr('name', 'num' + $('.dd2').length) .insertAfter(".dd2:last");}); $("#removebt").click(function () { $("#choice1").remove(); $("#num1").remove(); }); $('#reset').click(function() { location.reload();}); </script>\[/code\]How can I influence the layout of the clones? When I create more than five clones they no longer are equal in height.