title: jquery append before final element
body: <p>I have html structured like so.</p>
  
  <pre><code>&lt;div id='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 id='item_final'&gt;&lt;input type="button" id='addOne'&gt;...&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and what I am trying to do it add another item to the container class before the item_final div. The items are dynamic, so the number of them is unkown.</p>