Jquery How to build dynamic html
<p>i want to dynamically create 5 tr each having 3 tds with a loop, note: inside each i am filling dynamic html which has dynamic values that are filled from an array</p>

<pre><code>&lt;tr&gt;
&lt;td&gt;&lt;td&gt;&lt;td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td&gt;&lt;td&gt;&lt;td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td&gt;&lt;td&gt;&lt;td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td&gt;&lt;td&gt;&lt;td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td&gt;&lt;td&gt;&lt;td&gt;
&lt;/tr&gt;
</code></pre>

<p><strong>what should be inside the td</strong></p>

<pre><code> $('#output').append(

              + '&lt;td&gt;'
              + '&lt;ul class="listing" style="margin:0 8px 0 0;width:220px;"&gt;'
              + '&lt;li class="item"&gt;'
              + '&lt;dl&gt;'
              + '&lt;dt&gt;&lt;a href="' + pathname + value.SLink + '" &gt;' + value.CName.replace("(Or Similar)", "") + '&lt;/a&gt;' + '&lt;/dt&gt;'
              + '&lt;dd&gt;fr £' + parseFloat(value.CPrice).toFixed(0) + '&lt;/dd&gt;'
              + '&lt;dd class="last"&gt;' + value.CType + ', ' + value.CSize + '&lt;br&gt;'
              + ' Ad: ' + value.Ad
              + ', Chi: ' + value.Chi + '&lt;br&gt;'
              + ' Lu: ' + value.Big + ' Big, '
              + value.Lu + ' Small'                 
              + '&lt;/dd&gt;'
              + '&lt;/dl&gt;'
              + '&lt;/li&gt;'
              + '&lt;/ul&gt;'
              + '&lt;/td&gt;'

                     );
</code></pre>
