Here an example http://jsfiddle.net/naqbq/
How do I grab current position for x and y after re-position the image?
x
y
You should use the built in stop event:
$("#image").draggable({ stop: function() { // check for positioning here using .css or .offset } });