title: jQuery drag and drop auto align
body: <p>I have ten <code>&lt;div&gt;</code> in my HTML page which are displaying as boxes. I used <code>$(".first").draggable();</code> to make them as draggable. Now the scenario is, When dragging and dropping one <code>&lt;div&gt;</code> element, other div elements should auto align automatically. i.e. no <code>&lt;div&gt;</code> element should over lap. Could you guide me...</p>