title: Animation jQuery UI draggable element back to starting position
body: <p>I have an element, let's say a div, that I want to be able to drag and drop into another div. If the element isn't dragged into the other div I would like it to animate back to it's initial position. The draggable divs are relatively positioned. So, my question is what's the best approach? Is there a method in jQuery UI which will allow it to animate back? Or am I going to have to write it? If I do, here's my strategy:</p>
  
  <ol>
  <li><p>get coordinates of the draggable div on start of drag using <code>$('#draggableElement').css('left')</code>, and <code>$('#draggableElement').css('top')</code></p></li>
  <li><p>On drag complete use the jQuery .animate to put it back in place.</p></li>
  </ol>
  
  <p>Is that strategy correct? Or is there something more efficient I could be doing?</p>