title: jquery append as 2nd last
body: <p>I'd like to add item 3 before add. How do I do it? I thought about using index but then I still didnt know how to append it even if I knew where it should be placed. Anyways here is <a href="http://jsfiddle.net/eC4a9/" rel="noreferrer">my demo</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="main"&gt;
      &lt;div class="item"&gt;Item 1&lt;/div&gt;
      &lt;div class="item"&gt;Item 2&lt;/div&gt;
      &lt;div class="Add"&gt;Add&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$('&lt;div class="item"&gt;Item 3&lt;/div&gt;').appendTo('#main');
  </code></pre>