How to know if a node intersects another node?

Question

I want to know if a node intersects another node like this schema:

Answer 1

Use the DOM attributes top and left attributes to figure out where they are along with clientWidth and clientHeight

This fiddle checks for overlaps (assuming you move both boxes): http://jsfiddle.net/maniator/JnTaq/

Code:

$('.drag').draggable({
    stop: function(event, ui) {
        var others = $('.drag').not(this),
            _self = this,
            length = $(_self).width();
        others.each(function(i, item) {
            var this_left = parseInt(item.style.left) - length,
                this_top = parseInt(item.style.top) - length;
            if (ui.position.left > this_left && ui.position.top > this_top) {
                var left = Math.abs(ui.position.left - this_left),
                    top = Math.abs(ui.position.top - this_top);
                if (left <= (length*2) && top <= (length*2)) {
                    alert('overlap');
                }
            }
        });
    }
});