title: how to set the start position of jquery UI draggable
body: <p>I'm using jQuery UI and isotope, isotope does a bunch of things to the positioning of elements, and is messing up the start position of a dragged element. </p>
  
  <p>When I start a drag, the element I am attempting to drag shows up in the top left of the parent, rather than underneath the cursor. </p>
  
  <p>I've looked at the 'start' function, and I get the correct x,y coordinates from the event, but I can't seem to apply those values to the cloned draggable item. </p>
  
  <p>My code looks like this</p>
  
  <pre>
  jQuery('div.item').draggable({
           helper: function(event, ui){
                   jQuery('div.hold_items').isotope('destroy');
                    var item_dragged = jQuery(this).clone().appendTo('body').css({'z-index':500,'top':event.clientY, 'left':event.clientX});
                   start_isotope();
                   return recipe_dragged;
  
           }
  });
  </pre>
  
  <p>I have to do the start/stop isotope to resolve an issue where isotope is breaking the droppable function and items don't know where they are being dropped. </p>
  
  <p>I'm sure there is a way to SET the draggable start-position, but I can't seem to find it in the documentation, just a way to get the start. </p>