title: jQuery build table
body: <p><code>menuOrder</code> is an empty div     </p>
  
  <pre><code>$("#menuOrder").append('&lt;table&gt;');
  
  $(menus).each(function(i, menu) {
    $("#menuOrder").append('&lt;tr&gt;&lt;td&gt;');
    $("#menuOrder").append(menu.text);
    $("#menuOrder").append('&lt;/td&gt;&lt;td&gt;');
  
    if (i &gt; 0) {
      $("#menuOrder").append('&lt;img src="/images/_images/up.png" /&gt;');
    } else {
      $("#menuOrder").append('&lt;img src="/images/_images/blank.png" /&gt;');
    }
  
    if (i &lt; menus.length - 1) {
      $("#menuOrder").append('&lt;img src="/images/_images/down.png" /&gt;');
    }
  
    $("#menuOrder").append('&lt;/td&gt;');
    $("#menuOrder").append('&lt;/tr&gt;');
  });
  
  $("#menuOrder").append('&lt;/table&gt;');
  </code></pre>
  
  <p>this code not work properly, how can I change it with minimum iterations?</p>