Drag and Drop with snapping

I'm trying to create a drag and drop map where the country snaps into place on top of it's target. I have loaded all necessary libraries and the dragging works fine. I just need it to snap into it's place. Here's my code...

          sym.$('Peru2').draggable();

          sym.$('Peru_target').droppable({drop: function() {sym.getSymbol("Peru2").play();}});

And here's the example...

http://jzdconnect.com/map_drag/map.html

HELP!