SO - 19803254

by mike guan

HTML

<div id="boxes_holder" class="initBox">
    <div draggable="true" class="boxes" style="text-align:center;">1</div>
    <div draggable="true" class="boxes" style="text-align:center;">2</div>
    <div draggable="true" class="boxes" style="text-align:center;">3</div>
    <div draggable="true" class="boxes" style="text-align:center;">4</div>
</div>



<div id="dragBox" class = "initBox">
	<div id="dragBoxTitle" class = "">Box</div>
</div>

CSS

.initBox{
    width:260px;
	height:200px;
	border:0px;
	display: inline-block;
	float: right;
  	vertical-align:top;
  	background-color:#FBFBFB;
  	list-style-type: none;

    
}

JavaScript

$(document).ready(function () {
    $('#boxes_holder, #dragBox').sortable({
        connectWith: '.initBox'
    
    });
});