title: jQuery append div to a specific
body: <p>How do I append a element a specific index of the children elements using jQuery append e.g. if I have:</p>
  
  <pre><code>&lt;div class=".container"&gt;
     &lt;div class="item"&gt;&lt;div&gt;
     &lt;div class="item"&gt;&lt;div&gt;
     &lt;div class="item"&gt;&lt;div&gt;
     &lt;div class="item"&gt;&lt;div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and I want to append another item between the second and third item?</p>