title: Remember position of a div on refresh?
body: <p>I am using a code that allows for a div to be moved on click wherever the user wants to on the page. <a href="http://api.jqueryui.com/draggable/" rel="nofollow">http://api.jqueryui.com/draggable/</a> </p>
  
  <p>What I want to do, however, is for the browser/webpage to remember where the user dragged the cbox to so it will stay there after refreshing the page. Right now, if you move it, when you refresh it puts it back to where it started. I figured this is done via cookies but I can't think of where to start to accomplish this.</p>
  
  <p><a href="http://candyland-couture.com" rel="nofollow">http://candyland-couture.com</a> The chat box on the bottom left is the moveable div I'm referring to. It is draggable by hovering over the purple banner above it and clicking and dragging. </p>