How to animate to a specific position using jQuery
===

I've searched high and low and cannot seem to find a solution.

I want to be able to click on a div and have it animate to specific location (say, x:200 y:200) regardless of where it already lives on the page. For example, if I have 4 divs scattered on my page, I want to be able to have them animate to a unified coordinate. Does anyone know how I can accomplish this? It would be very much appreciated. I've tried various tricks using .position and .offset but none seem to work.

Thanks.