Jquery добавляется перед конечным элементом

У меня html структурирован так.

<div id='container'>
  <div class='item'> ... </div>
  <div class='item'> ... </div>
  <div class='item'> ... </div>
  ...
  <div id='item_final'><input type="button" id='addOne'>...</div>
</div>

и то, что я пытаюсь сделать, добавляет еще один элемент в класс контейнера до элемента item_final. Элементы динамические, поэтому их количество не указано.

Ответ 1

$('#container div:last').before( $('<div>') );

Ответ 2

Попробуйте метод . insertBefore.

$('<div>').insertBefore('#item_final');