how to insert a new li after three each li in jquery
<p>I want to insert a li tag in after each third li tag using jquery how can we handle this. Consider the following example i have nine li items </p>

<pre><code> &lt;ul&gt;
    &lt;li&gt;1 element&lt;/li&gt;
    &lt;li&gt;2 element&lt;/li&gt;
    &lt;li&gt;3 element&lt;/li&gt;
    &lt;li&gt;4 element&lt;/li&gt;
    &lt;li&gt;5 element&lt;/li&gt;
    &lt;li&gt;6 element&lt;/li&gt;
    &lt;li&gt;7 element&lt;/li&gt;
    &lt;li&gt;8 element&lt;/li&gt;
    &lt;li&gt;9 element&lt;/li&gt;
&lt;/ul&gt;

&lt;ul&gt;
  &lt;li&gt;1 element&lt;/li&gt;
  &lt;li&gt;2 element&lt;/li&gt;
  &lt;li&gt;3 element&lt;/li&gt;
  &lt;li class="sss"&gt;item inserted&lt;/li&gt;
  &lt;li&gt;4 element&lt;/li&gt;
  &lt;li&gt;5 element&lt;/li&gt;
  &lt;li&gt;6 element&lt;/li&gt;
  &lt;li class="sss"&gt;item inserted&lt;/li&gt;
  &lt;li&gt;7 element&lt;/li&gt;
  &lt;li&gt;8 element&lt;/li&gt;
  &lt;li&gt;9 element&lt;/li&gt;
  &lt;li class="sss"&gt;item inserted&lt;/li&gt;
&lt;/ul&gt;
</code></pre>