title: Get element of having certain class which I hover in the draggable stop event
body: <p>How do I know wether I am over/hover an element of a certain .classname when I stop moving the <strong>draggable</strong> and release the mouse button so the stop function is triggered?</p>
  
  <p>I need to know this when I am NOT over a <strong>droppable</strong> therefore I can not use the <strong>droppable</strong>`s over function.</p>
  
  <pre><code>$(availableCommand).**draggable**({
      start: function(evt, ui){
  
  var originalPosition = ui.helper.position();
  $(this).data("ui-draggable").originalPosition = originalPosition;
  
      },
    stop: function(event) { 
      // Only Revert draggable to original position
      // if the draggable is NOT over an element of class .DropMe
  
   // PSEUDO CODE
   var isHoveringDroppable =  // Is draggable hover over an element of type .DropMe
   if(!isHoveringDroppable)
        {
          // revert draggable
          var draggable = $(this);
          draggable.animate(draggable.data("ui-draggable").originalPosition,"slow");
        }   
    }
  });
  </code></pre>
  
  <p>I post the full codepen to my problem using the <strong>jquery top-droppable</strong> plugin as workaround for overlapping droppables: <a href="http://codepen.io/anon/pen/WbadbM" rel="nofollow">http://codepen.io/anon/pen/WbadbM</a></p>