在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中删除）。

我做错了什么？