How to generate an html list by using jquery
<p>Why the following code (1) does not give me the following output (2)</p>

<p>(1)</p>

<pre><code>var $ul = $('&lt;ul&gt;');
var $li = $('&lt;li&gt;').text('text');
$ul.append($li);
$ul.append($li);
$ul.append($li);
$('&lt;div&gt;').append($ul);
</code></pre>

<p>(2)</p>

<pre><code>&lt;div&gt;
   &lt;ul&gt;
     &lt;li&gt; text &lt;li&gt;
     &lt;li&gt; text &lt;li&gt;
     &lt;li&gt; text &lt;li&gt;
   &lt;/ul&gt;
&lt;/div&gt;
</code></pre>
