javascript - マウスの位置を div と比較する

Question

マウスの位置を取得してdivをドラッグしているときにホバーのような効果を作り、iを他のdivと比較しようとしています。私はこのようなことを試しました：

$("#ha").draggable({
drag: function () {
    $(this).removeClass("halla");
    $("#align").remove();
    $(".box").each(function() {
        $(this).removeClass("halla");
        if (event.pageX > $(this).position().left && event.pageX < ($(this).position().left + $(this).width()) && event.pageY > $(this).position().top && event.pageX < ($(this).position().top + $(this).height())) {
            $(this).addClass("halla");
        }
    });
}
});

フィドル: http://jsfiddle.net/9yyKN/8/
マウスを上に置くと、すべてのオブジェクトの動作が異なります。本当に奇妙です。私は何を間違っていますか？

* .hover() だけを使うように言わないでください