how to add html code in jquery or javascript
<pre><code>&lt;ul id="accordion"&gt;
    &lt;li&gt;
        &lt;a href="#" class="item popular" rel="popular"&gt;&lt;/a&gt;
        &lt;ul id="inchat" class="list_friends"&gt;
            &lt;li class="ch0"&gt;
                &lt;img src="img/49992_720384020_1896998575_q.jpg" /&gt;
                jake
            &lt;/li&gt;
            &lt;!-- add html --&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;a href="#" class="item category" rel="category"&gt;&lt;/a&gt;
        &lt;ul id="inchannel"&gt;
            &lt;li class="icha0"&gt;
                &lt;img  src="img/41403_1434825607_37944358_q.jpg"&gt;
                smith
            &lt;/li&gt;
            &lt;!-- add html --&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I am trying to add html under <code>inchat</code> and <code>inchannel</code> elements.<br/>
As you can see commented part, I want to add an <code>li</code> element with Javascript or Jqery.<br/>
Any thoughts?<br/>
Thank you.</p>
