jquery - jqueryドラッグアンドドロップ後にドラッグされた要素を削除します

Question

次のjqueryコードがあります

$( "#location1 div" ).draggable({
                appendTo: "body",
                helper: "clone"

              });

              $( "#location2" ).droppable({
                activeClass: "ui-state-default",
                hoverClass: "ui-state-hover",
                accept: ":not(.ui-sortable-helper)",
                drop: function( event, ui ) {
                  $( this ).find( ".placeholder" ).remove();
                  $( "<li></li>" ).text( ui.draggable.text() ).appendTo( this );
                }
              })

これは正常に機能しますが、ドラッグされた要素は削除されないため、ある div から別の div に要素をドラッグすると、両方の div にそのドラッグされた要素が含まれます。要素を div1 から div2 にドラッグし、その要素を div2 にのみ表示したい (つまり、ドロップ後に div1 から要素を削除する)。

私は何を間違っていますか？