以上のように四角い画像がleft:100px, top:0pxにあるとして、マウスのX軸の値が600pxより大きい時、
(600,0)にanimateで移動し、マウスが600よりも小さいエリアにあると、元の位置に戻るというコードを書いたのですが、(600,0)に移動した後もとに戻ってきません。
最近jQueryを勉強し始めたのですが、お手上げです。。。教えて頂けると幸いです。よろしくお願いたします。

$(window).on('mousemove', function(evt) {
    mouseX = evt.clientX;
    mouseY = evt.clientY;
    if(mouseX > 600){
        $('#box1').animate({
            left:'100px'
        });
    } else {
        $('#box1').animate({
            left:'600px'
        });
    } 
});