title: jQuery UI draggable - remove clone if a valid drop occurred
body: <p>I'm trying to get something like the following to work but can't find the correct way to use the stop event for this. </p>
  
  <p>I've got two columns where you can drag from the right to the left. I've got the revert function working correctly if the drop was invalid but I want to remove the item in the right column if a valid drop occurred on the left column. I know the conditional isn't correct but I'm not sure what flag to look for to determine if the drop was valid. </p>
  
  <pre><code>$("#sortable2 li").draggable({
          connectToSortable: "#sortable1",
          helper: "clone",
          revert: "invalid",
          stop: function (event, ui) {
              if (drop == "valid") 
              { 
                 $(this).remove(); 
              }
          }
      });
  </code></pre>