Kendo Draggable и DropTarget не работают

Question

Я пытаюсь позволить пользователю перетаскивать элементы списка в другой несортированный список. Я могу "забрать" элементы списка, поэтому Draggable, кажется, работает, но когда я отпускаю их выше DropTarget, они не добавляются. Я добавил несколько событий, чтобы проверить, правильно ли инициализированы Draggable и DropTarget, и похоже, что так оно и есть.

HTML:

<ul id="recipe-steps">
    <li>Step 1</li>
    <li>Step 2</li>
    <li>Step 3</li>
</ul>
<ul id="available-steps">
    <li>Step 1</li>
    <li>Step 2</li>
    <li>Step 3</li>
</ul>

JS-код DropTarget:

$("#recipe-steps").kendoDropTarget({
    dragleave: function (e) {
        e.draggable.hint.css("opacity", 1);
    },
    dragenter: function (e) {
        e.draggable.hint.css("opacity", 0.3);
    }
});

Перетаскиваемый код JS:

$("#available-steps").kendoDraggable({
    filter: "li",
    ignore: "input",
    hint: function(element) { return element.clone(); }
});

Таким образом, здесь используется тот случай, когда пользователь может перетащить шаг из доступных шагов в шаги рецепта.