title: Drop draggable on droppable programmatically and trigger drop
body: <p>Just like in my fiddle <a href="http://jsfiddle.net/meridius/95Wej/" rel="nofollow">http://jsfiddle.net/meridius/95Wej/</a> I have some elements (draggables) which I want to <strong>programmatically</strong> (just by code, no user interaction) move to their corresponding droppables. This I can do.</p>
  
  <p>What I don't know is why .droppable("drop") event isn't firing up.<br>
  <strong>I need droppable to register that it has draggable on it.</strong> Otherwise (in my more complex setup) there is some strange behavior when user moves that draggable.</p>
  
  <p>I tried to <code>.trigger("mousemove"), mousedown</code>, reinitialize <code>.droppable()</code> after <code>.position()</code>, but none of that helped. </p>
  
  <p><strong>EDIT:</strong><br>
  "Strange" behavior was caused by maintaining <code>position:relative;</code>, which I solved by setting it to absolute before calling <code>.position()</code>.<br>
  Nevertheless the question about why the event isn't fired remains.</p>