将鼠标位置与div进行比较

Question

我想通过获取鼠标的位置并将i与其他一些div进行比较来拖动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（）