Как реализовать обнаружение столкновений между набором элементов Div?

У меня есть этот пример в jsfiddle

У меня есть var как элемент столкновения:

var $div = $('.container');

и затем столкновение:

function test (){
    $('.drag')
        .drag("start",function( ev, dd ){
            dd.limit = $div.offset();
            dd.limit.bottom = dd.limit.top + $div.outerHeight()
                - $( this ).outerHeight();
            dd.limit.right = dd.limit.left + $div.outerWidth()
                - $( this ).outerWidth();
        })
        .drag(function( ev, dd ){
            $( this ).css({
                top: Math.min( dd.limit.bottom, Math.max( dd.limit.top, dd.offsetY ) ),
                left: Math.min( dd.limit.right, Math.max( dd.limit.left, dd.offsetX ) )
            });   
        });
}

for:

Этот код реализует обнаружение столкновения дочерних div с div контейнера. Как мне реализовать обнаружение столкновения, чтобы эти 3 div столкнулись друг с другом?

Я думаю установить еще один div: var $divs = $('.xxx'); но я не уверен, как использовать его в этом примере.