title: Error When Destroying Draggable After Drop
body: <p>I am receiving an error in jQuery UI when I attempt to destroy a draggable after dropping it.  I am using jQuery 1.9.1 and jQuery UI 1.10.0.</p>
  
  <p><strong>Script</strong></p>
  
  <pre><code>$(".drag").draggable({
      revert: "invalid",
      helper: "clone"
  });
  
  $(".drop").droppable({
      accept: ".drag",
      drop: function(event,ui){
        ui.helper.remove();
        $(this).append(ui.draggable);
        $(ui.draggable).draggable("destroy");
      }
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="drag"&gt;Draggable&lt;/div&gt;
  &lt;div class="drop"&gt;Droppable&lt;/div&gt;
  </code></pre>
  
  <p><strong>Example:</strong>  <a href="http://jsfiddle.net/feDME/" rel="nofollow">http://jsfiddle.net/feDME/</a></p>
  
  <p><strong>Error Received</strong></p>
  
  <blockquote>
    <p>TypeError: $(...).data(...) is undefined</p>
  </blockquote>
  
  <p>I've spent the past few hours on this with no luck. I found one similar post which did not contain a resolution.  Can anyone help me out here? Thanks!</p>