title: Jquery ui drag drop droppable "drop" event
body: <p>When I make a div <code>droppable</code> and try to set a <code>drop</code> event function it doesn't fire:</p>
  
  <pre><code>$('.item').draggable({
  
  });
  
  $('.destination').droppable({
     drop: function(event, ui){
       console.log('hiii');
     }
  });
  </code></pre>
  
  <p>It fires when I drop it outside- to the right of the $('.destination') div, but not if I drop it inside the '.destination' div.
  See the full JS fiddle: 
  <a href="http://jsfiddle.net/dylanjha/8TFMS/5/" rel="nofollow">http://jsfiddle.net/dylanjha/8TFMS/5/</a></p>