title: Jquery with droppable draggable and resizable is not working as expected
body: <p>JQueryUI Draggable inside Droppable with resizable doesn't work. Idea is to be able drag elements which are dragged and dropped to div with resize for dropped elements.</p>
  
  <p>Working code: <a href="http://jsfiddle.net/lukaszjg/GvDLh/" rel="nofollow">http://jsfiddle.net/lukaszjg/GvDLh/</a></p>
  
  <p>Instructions to reproduce problem:</p>
  
  <ol>
  <li>Drag "drag me" to the "place to drop"
  <ol>
  <li>Try resize </li>
  <li>Try to drag dragged element inside "place to drop"</li>
  <li>Try resize again dragged element - is not working as expected</li>
  </ol></li>
  </ol>
  
  <p>Please find code below where #dragme and #droppable refer to corresponding divs.
  Any ide how to fix it ?</p>
  
  <pre><code>$("#dragme").draggable({
  helper: 'clone',
  cursor: 'move',
  tolerance: 'fit'
  
  });
  
  var x = null;
  $("#droppable").droppable({
  drop: function(e, ui) {
  
  x = ui.helper.clone();
  
  x.draggable({
  helper: 'original',
  containment: '#droppable',
  tolerance: 'fit'
  });
  
  x.resizable();
  x.appendTo('#droppable');
  ui.helper.remove();
  }
  });
  </code></pre>