jquery append as 2nd last
<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="nofollow">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>
