Пользовательский интерфейс jQuery не допускает сбрасывания поведения на новых элементах

Я сделал простой скрипт для добавления элементов в <ul>, эти элементы сортируются. Когда я добавляю новый элемент, <li>, элемент сортируется, я могу перетащить его в другое место, но я не могу отбросить другие элементы в позиции вновь созданного элемента. Я надеюсь ты понимаешь меня. Я попытался применить те же настройки, что и к добавленным вручную элементам, но он не работает:

$(document).ready(function(){
    $("ul").sortable({
        containment : 'document', 
        tolerance: 'pointer', 
        cursor: 'pointer', 
        revert: 'true', 
        opacity : 0.6, 
        connectWith : "ul", 
        placeholder: 'border', 
        items : 'li:not(.naslov)'
    }).disableSelection();

    $("li").ellipsis();

    $("#addGroup").click(function(){
        $(".kolone").append(
            '<ul class="prvi"><li class="naslov">Naslov1</li><li></li></ul>'
        ).sortable({
            containment : 'document', 
            tolerance: 'pointer', 
            cursor: 'pointer', 
            revert: 'true', 
            opacity : 0.6, 
            connectWith : "ul", 
            placeholder: 'border', 
            items : 'li:not(.naslov)'
        }).disableSelection();
    });
});