How do I insert a new div before the last div using jQuery?
<pre><code>&lt;div id="one"&gt;test test&lt;/div&gt;
&lt;div id="two"&gt;test test&lt;/div&gt;
&lt;div id="three"&gt;test test&lt;/div&gt;
&lt;div id="four"&gt;test test&lt;/div&gt;
&lt;div id="five"&gt;test test&lt;/div&gt;
</code></pre>

<p>If I want to insert a div dynamically with jQuery in between divs "four" and "five", how would I go about doing that?</p>

<p>I tried this but it didn't work:</p>

<p><code>$("&lt;div id='four-point-five'&gt;&lt;/div&gt;").before("#five");</code></p>
