Рабочее демо,
песочница на сайте не работает, копируй в файл и пробуй.
Цикл в примере сделал бесконечным, а также ввёл Y чтобы демка была нагляднее.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
#div1 {
position:absolute;
background-color:#abc;
left:50px;
width:90px;
height:90px;
margin:5px;
}
</style>
</head>
<div id="div1"> </div>
<script>
//глобальная переменная X
X=0;
Y=0;
//обьявим счётчик количества повторений анимаций.
i=0;
//обработчик события click
$(document).click(function(e){
//обрати внимание x устанавливается внутри обработчика click а не снаружи.
X = e.pageX;
Y = e.pageY;
})
//функция f будет вызываться когда анимация заканчивается, и запускать анимацию вновь, до тех пор пока i<5.
f=function(){
// увеличим счётчик
// в этом примере цикл у нас бесконечный
i=i;
// если i <5 тогда запустим анимацию, когда анимация закончится, она вызовет функцию f вновь
if (i<5) $('#div1').animate( {left:X+"px",top:Y+"px"}, 500,f);
}
//запустим анимацию
f();
</script>
</body>
</html>