Координаты мыши при окончании анимации.
 

Приветствую, возникла непонятная ситуация, не могу получить координаты мыши при окончании анимации, скрипт пишет координаты которые были в момент начала анимации.
Такой код:
http://jsfiddle.net/blancod/BM8sv/

<IMG src="http://placekitten.com/400/300" />
<P></P>

$(function() {
    $("IMG").mouseenter(function(e) {
        $(this).animate({
            opacity: "0.2"
        },{
            duration: 300,
            complete: function() {
                $("P").text(" e.pageX=" + e.pageX + " e.pageY=" + e.pageY);
            }
        }).mouseleave(function() {
            $(this).animate({
                opacity: "1"
            }, {
                duration: 100
            });
        });
    });
});​

Подскажите как сделать что бы показывал нормальные координаты.

Очевидно, что их нужно получать заново. Для этого есть событие mousemove.

Немного не то, mousemove начинает писать бесперестанно координаты, а мне нужно всего раз узнать позицию мыши. Как можно так сделать?
Вот что я сделал:
http://jsfiddle.net/blancod/BM8sv/5/

можно повесить обработчик на один раз.
http://api.jquery.com/one/

Теперь всё работает. Спасибо огромное!