title: Insert item into unordered list at a given index with Jquery
body: <p>I have:</p>
  
  <pre><code>&lt;ul&gt;
  
  &lt;li&gt;Cthulhu&lt;/li&gt;
  &lt;li&gt;Godzilla&lt;/li&gt;
  &lt;li&gt;King Kong&lt;/li&gt;
  
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to insert <code>&lt;li&gt;Pink Panther&lt;/li&gt;</code> after Godzilla (index 2). How can I do this?</p>