title: jQuery use 'for' to duplicate div
body: <p>I want to create a number of divs so they fill a current window size. So far i have got it to make it once, but cant get this to repeat. I am putting them inside another div, so when the containing div reaches the height of the window it stops making them.</p>
  
  <pre><code>$(document).ready(function() {
      var winHeight = $(window).height(),
          divHeight = $('div.container').height(),
          html = $('&lt;div class="line"&gt;&lt;/div&gt;');
  
      for (i = 1, l = 10; i &lt; l; i++) {
          $('div.container').append(html); }
  </code></pre>
  
  <p>How do substitute the i and l for the variables winHeight and divHeight? Many thanks.</p>