jQuery find element by index and insert node after it
<p>Can anyone help me with this little conundrum, I've tried doing it in the shortest hand possible but I'm not sure if insertAfter works this way.</p>

<p>Can anyone suggest a working way of doing this.</p>

<p>I have made a fiddle of my problem.</p>

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

<p>I am simply trying to insert another custom <code>li</code> after the 5th <code>li</code>. But trying to do it in the most efficient way. </p>

<pre><code>$('&lt;li style="background: red"&gt;&lt;/li&gt;').insertAfter( $('li').index(4) );
</code></pre>

<p><br/></p>

<p>Can anyone help me with this please, thanks.</p>

<p>Josh</p>
