Перетаскиваемый элемент добавлен в сортируемый список

У меня есть сортируемый список и перетаскиваемый div:

<div id="draggable">Add Item</div>

<ul id="sortable">
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>item 5</li>
</ul>

#sortable уже является .sortable (). Я должен иметь возможность «перетащить» другой элемент между любыми элементами списка (первый, средний, последний).

Как мне это сделать?

Мы будем благодарны за любой ответ.

Спасибо!