title: "appendTo"-method not functioning correctly when connecting a draggable to a sortable element in jQueryUI
body: <p>I am trying to connect a jQueryUI draggable element to a sortable element with the helper always appended to the body. When I drag the draggable element over to the sortable element, the helper gets inserted at the sortable element. Eventhough the sortable elements all append to the body element on drag.</p>
  
  <pre><code>$(".a").sortable({
      appendTo: document.body,
      connectWith: ".a",
      helper: "clone"
  }).disableSelection();
  
  $("section div").draggable({
      connectToSortable: ".a",
      helper: "clone",
      revert: "invalid",
      appendTo: document.body
  }).parent().disableSelection();
  </code></pre>
  
  <p>To demonstrate my problem, I made this fiddle: <a href="http://jsfiddle.net/fnmfndby/" rel="nofollow">http://jsfiddle.net/fnmfndby/</a></p>
  
  <p>As you can see when dragging an sortable element the helper is green. When dragging the draggable element it is also green, but when dragging it over the sortable it turns red.</p>
  
  <p>Regards,
  Ties</p>