title: Dynamically Create Droppable Element
body: <p>I'm implementing drag and drop using the jQuery UI <a href="http://api.jqueryui.com/draggable/" rel="nofollow">Draggable</a> and <a href="http://api.jqueryui.com/droppable/" rel="nofollow">Droppable</a> widgets. (Sortable didn't provide quite enough flexibility for me.)</p>
  
  <p>As I drag, I'm dynamically creating a drop placeholder element to show precisely where a drop would be placed.</p>
  
  <p>But how can I make this drop placeholder droppable itself? If I create it and then immediately call the <code>droppable()</code> method on it, this has no effect. And so if they user drops directly over a drop placeholder, how could I detect this?</p>
  
  <p>You can see what I have so far at <a href="http://jsbin.com/uciviy/14" rel="nofollow">http://jsbin.com/uciviy/14</a>.</p>