jquery unable to add child list <ul> tags to appended <p> tag
<p>I try to insert some child tag to a<code>&lt;div&gt;</code> tag like that : </p>

<pre><code>$('#div1')
.append('&lt;p style="float:left;width:82%;"&gt;blablablalb &lt;ul&gt;&lt;li&gt;llist item&lt;/li&gt;&lt;li&gt;another list item&lt;/li&gt;&lt;/ul&gt;&lt;/p&gt;');

&lt;div id="div1"&gt;&lt;/div&gt;
</code></pre>

<p>I get this result : </p>

<pre><code>&lt;div id="div1"&gt;
   &lt;p style="float:left;width:82%;"&gt;
       blablablalb 
   &lt;/p&gt;
   &lt;ul&gt;
      &lt;li&gt;llist item&lt;/li&gt;
      &lt;li&gt;another list item&lt;/li&gt;
   &lt;/ul&gt;
   &lt;p&gt;&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>But I would like the code to be hierarchised as written in the .append argument. Ie. the list should be inside the <code>&lt;p&gt;</code> element and not after.</p>

<p>Is there a way to do that ?</p>

<p><a href="http://jsfiddle.net/jPEWW/" rel="nofollow">http://jsfiddle.net/jPEWW/</a></p>
