title: jQuery UI Draggable: Ignore dragging that is dropped in same/initial position
body: <p>I have set up a a number of divs to be "droppable", and some other divs (which are placed inside the droppable divs) to be "draggable".</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;script&gt;
  
  function handleDrop (event, ui) {
     var myDiv = document.getElementById("messages");
     var theDrop = $(this);
     var theDrag = ui.draggable;
     myDiv.innerHTML = myDiv.innerHTML + "&lt;br&gt;Dropped [" + theDrag.text() + "] with id = [" +  theDrag.attr("id") + "] in [" + theDrop.attr("id") + "]";
  
  }
  
  
    $(function() {
  
        $( ".item" ).draggable( { tolerance: "fit", revert: "invalid", revertDuration: 150 } );
        $( ".column" ).droppable({ drop: handleDrop });
  
    });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>This works fine, but my question is how can I modify the handleDrop function to detect whether or not the element which the draggable was dropped into is the same as the element where it was when the dragging began? In other words, <strong>how to detect if the dragging started and ended inside the same droppable div ?</strong> (My goal being to ignore such "non-events".)</p>