jquery - jQuery UI でソート可能からドロップ可能に

Question

ページがあり、アイテムをソート可能からドロップ可能コンテナーにドラッグする必要があります。機能していないようで、誰かが理由を教えてくれることを願っています。私が見たところ、すべての接続が整っていますが、ドロップ可能なものはソート可能なものからドロップを受けません。

私は次のことを行うことができ、この機能を維持する必要があることに注意してください。

1. ドラッグ可能なアイテム (ソート可能ではない) をドロップ可能にドラッグします
2. ドラッグ可能なアイテム (ソート可能ではない) をソート可能にドラッグします

しかし、私はできません：

3. ソート可能からドロップ可能にドラッグ

これが私のコードです：

$(function() {
  $('.drag').draggable({
    helper: 'clone',
    connectToSortable: '#sortable'
  });
  $("#sortable").sortable({
    connectWith: '#drop'
  });
  $("#drop").droppable({
    tolerance: 'pointer',
    connectWith: '#sortable',
    drop: function (evt, ui) {
        var $destination = $(this); 
        ui.draggable.appendTo( $destination ); 
    }
  }).draggable();
});

...そしてフィドルがあります： http://jsfiddle.net/eEJHb/4/