JQuery append()
<p>Why the following code only appends the first div i add and not all of them?
(i stripped some code for the sake of argument).</p>

<p>Any tips on how to dynamically construct some nested divs with jquery are welcome.</p>

<pre><code>    var divRow;
    var nRow = 0;
    var i = 0;

     $.each(data, function (key, value) {        
          nRow++;
          div.append("&lt;div id='divRow" + nRow + "' style='position: relative; float: left; '&gt;&lt;/div&gt;");
          divRow = $('divRow' + nRow);

          divRow.append("&lt;div id='divBox" + i + "' style=position: relative; clear: both; padding: 5px'&gt;&lt;/div&gt;");

          var divBox = $('divBox' + i);

          divBox.append("&lt;div style='position: relative; clear: both; padding: 5px'&gt;" + value.Word + "&lt;/div&gt;");
          divBox.append("&lt;div style='position: relative; clear: both; padding: 5px'&gt;" + value.Description + "&lt;/div&gt;");

          i++;
 });
</code></pre>
