Move the boxes by clicking on it with mouse.
$('#d1').hqyDraggable(); $('#d2').hqyDraggable({ handle: '#title' });
<div id="d1" style="width:200px;height:150px;background:#fafafa;border:1px solid #ccc"></div> <div id="d2" data-options="handle:'#title'" style="width:200px;height:150px;background:#fafafa;border:1px solid #ccc;margin-top:10px"> <div id="title" style="padding:5px;background:#ccc;color:#fff">Title</div> </div>