Add <a> elemnt in <li> element with append
<p>I have a loop and in this loop I will add <code>li</code> element and after that I should add <code>a</code> element inside <code>li</code> , but when I wrote this code, the <code>a</code> element will add to all <code>li</code> elements.</p>

<pre><code>var toolbarArray = new Array("Home", "About", "Contact");
var ceItem = $('#toolbar').append('&lt;ul&gt;&lt;/ul&gt;').find('ul');
var ceLiItem;
for (i=0; i&lt;toolbarArray.length; i++) {
    ceLiItem = ceItem.append('&lt;li&gt;&lt;/li&gt;').find('li');
    ceLiItem.append('&lt;a&gt;'+toolbarArray[i]+'&lt;/a&gt;');
}
</code></pre>

<p>this is result: <a href="http://jsfiddle.net/SKPxE/" rel="nofollow">http://jsfiddle.net/SKPxE/</a></p>
