Selectable and able to drag objects

Selectable and able to drag objects


Hi
I am wondering if there is a clever way to use selectable to group
elements and able drag them together.
For example:
<div id="parentDiv">
<div id="div1" class="drag">1</div><div id="div2" class="drag">2<div>
</div>
<script>
$(document).ready(function(){
$("#parentDiv").selectable();
$(".drag").draggable();
}
</script>
When div1 and div2 are both selected I would them to be able to move
together when I drag on either div1 or div2.
I hope I have explained clearly. Any insight or demo will be
appreciated.