1 <html> 2 <head> 3 <title>Simple repeater</title> 4 <style type="text/css"> 5 .repeater { list-style-type: none; } 6 .repeater li { float: left; width: 150px; } 7 </style> 8 9 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 10 <script type="text/javascript"> 11 $(document).ready(function() 12 { 13 var names = ["Tanya", "Julia", "Avery", "Dave", "Robert", "Howard", "Greg", "Scott"]; 14 15 for (i = 0; i < names.length; i++) 16 { 17 $("#peopleCheckboxGroup") 18 .append("<li><input type='checkbox' />" + names[i] + "</li>") 19 } 20 }); 21 </script> 22 </head> 23 <body> 24 <ul id="peopleCheckboxGroup" class="repeater"></ul> 25 </body> 26 </html>