title: creating multiple elements in div class
body: <p>I have a div class that looks something like this:</p>
  
  <pre><code>&lt;div class="objects"&gt;
  X
  &lt;/div&gt;
  </code></pre>
  
  <p>How do I write a loop in Javascript to add more "X" to this class? Once that's done how do I split them apart when applying functions to them? Say if I do <code>$('.objects').offset({left: 50, top:50})</code> that will change the offset of everything inside "objects", how can I apply offset to just one element? </p>
  
  <p>in a nutshell I'm trying to create a n number of letters and spread them all over the screen.</p>
  
  <p>Thanks! </p>