title: Separate data into class boxes
body: <p>Right, so i have a series of class div's and I can't think how to output one entry in each one.</p>
  
  <pre><code>&lt;a class='foo'&gt;&lt;/a&gt;
  &lt;a class='foo'&gt;&lt;/a&gt;
  &lt;a class='foo'&gt;&lt;/a&gt;
  
  bar = document.getElementsByClassName('foo');
  
  arr ['cheese','soap','glove'];
  
  for(i=0;i&lt;bar.length;i++) {
  bar[x].appendChild(document.createTextNode(arr[i]));
  }
  </code></pre>
  
  <p>this inputs cheesesoapglove into each class div box... how do i separate out each string in the array to go into a single div box like the below: </p>
  
  <pre><code>&lt;a class='foo'&gt;cheese&lt;/a&gt;
  &lt;a class='foo'&gt;soap&lt;/a&gt;
  &lt;a class='foo'&gt;glove&lt;/a&gt;
  </code></pre>