title: JQuery-UI draggable reset to original position
body: <p>This is probably very easy to do, but I always think too complicated.</p>
  
  <p>I've just set up a simple test with #draggable / #droppable with a fixed width/height + float:left.</p>
  
  <p>I then want a reset button to be able to reset the #draggable to it's original state after it's been snapped to a #droppable. (bottom line)</p>
  
  <pre><code>$(document).ready(function() {
  
      $("#draggable").draggable
      ({  
          revert: 'invalid',
          snap: '#droppable',
          snapMode: 'corner',
          snapTolerance: '22'
  
      });
  });
  
      $("#droppable").droppable
      ({
          accept: '#draggable', 
          drop: function(event, ui) 
          {
              $(this).find("#draggable").html();
          }
  });
  
      $(".reset").click(function() {
      /* What do I put here to reset the #draggable to it's original position before the snap */
  });
  </code></pre>