how to add li between each li using Jquery
<pre><code>&lt;ul id='container'&gt;
&lt;li&gt;a&lt;/li&gt;
&lt;li&gt;b&lt;/li&gt;
&lt;li&gt;c&lt;/li&gt;
&lt;li&gt;d&lt;/li&gt;
&lt;li&gt;e&lt;/li&gt;
&lt;li&gt;f&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>i want to add </p>

<pre><code>&lt;li class='separator'&gt;&lt;/li&gt;
</code></pre>

<p>between each li's, at the beginning and at last. so my example will look like this:</p>

<pre><code>&lt;ul id='container'&gt;
&lt;li class='separator'&gt;&lt;/li&gt;
&lt;li&gt;a&lt;/li&gt;
&lt;li class='separator'&gt;&lt;/li&gt;
&lt;li&gt;b&lt;/li&gt;
&lt;li class='separator'&gt;&lt;/li&gt;
&lt;li&gt;c&lt;/li&gt;
&lt;li class='separator'&gt;&lt;/li&gt;
&lt;li&gt;d&lt;/li&gt;
&lt;li class='separator'&gt;&lt;/li&gt;
&lt;li&gt;e&lt;/li&gt;
&lt;li class='separator'&gt;&lt;/li&gt;
&lt;li&gt;f&lt;/li&gt;
&lt;li class='separator'&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>what is the best way to do that using jquery?</p>
