title: How to create array and divs with a unique height using jQuery?
body: <p>I need 100 small divs for my chart, every time I generate them, I they all appear as the same height; the last value from the array.</p>
  
  <pre><code>var valuesG = new Array(100);
  for (i = 0; i &lt; valuesG.length; i++ ) {
      valuesG[i] = Math.floor(Math.random() * 101);   
      $("#second").append("&lt;div class='single'&gt;&lt;/div&gt;");
      $(".single").css('height', valuesG[i])
  }
  </code></pre>
  
  <p>Any ideas why this is happening?</p>