title: Jquery draggable issue
body: <p>Basically what I want is that while dragging, if I go outside the containment area and release the mouse click there, the draggable element just sticks to the border from where I left the containement area. And when I move my cursor back in, the element sticks back to the cursor. It doesnt looks nice when you are just moving your cursor(not dragging) and the element is still getting dragged.</p>
  
  <p><a href="http://jsfiddle.net/JdbaS/" rel="nofollow">Here</a> is a fiddle to play with. Just drag and release the cursor outside the output area, you will get what I am talking about.</p>
  
  <p>I was thinking of two ways</p>
  
  <ol>
  <li><p>Restrict mouse movement to the containmenet area while being dragged(I searched for it and didnt find how to do it. Mayb thats not possible ?)</p></li>
  <li><p>Revert the draggable to its position if the cursor leaves the containement area. (Still couldnt find a way to do this)</p></li>
  </ol>
  
  <p>Any way or more bright ideas to achieve this ???</p>
  
  <p><code>Relevant Code</code> (for stackoverflow)</p>