如何在jquery中拖放后使嵌套的div可排序？

大家好，我有这样一个场景：用户可以拖放容器中的布局，然后内容也可以拖放到布局中

html的示例结构如下

   <div class="box-container">

   <div style="display: block;" class="box">
       <div class="div-header">Content</div>
        <div class="row-fluid">
            <div class="span12">
                <div class="panel ui-droppable ui-draggable">
                    <div style="display: block;" class="box">
<div class="div-header">Content</div>
        <div class="row-fluid">
            <div class="span12">
                <div class="panel ui-droppable ui-draggable">
                    <a href="/index" >
                    <img src="http://myntra.myntassets.com/assets/banners/2014/4/10/1397140384493-fashion-fing_HPB_612_459_mini.jpg"  /></a>

                </div>
            </div>
        </div>
    </div>
                    <div style="display: block;" class="box">
        <div class="div-header">Content</div>
        <div class="row-fluid">
            <div class="span12">
                <div class="panel ui-droppable ui-draggable">
                    <a href="/index" >
                    <img src="http://myntra.myntassets.com/assets/banners/2014/4/10/1397140384493-fashion-fing_HPB_612_459_mini.jpg"  /></a>

                </div>
            </div>
        </div>
    </div>
                    <a href="/index" >
                    <img src="http://myntra.myntassets.com/assets/banners/2014/4/10/1397140384493-fashion-fing_HPB_612_459_mini.jpg"  /></a>

                </div>
            </div>
        </div>
    </div>


   <div style="display: block;" class="box">
      <div class="div-header">Content</div>
        <div class="row-fluid">
            <div class="span12">
                <div class="panel ui-droppable ui-draggable">
                    <div style="display: block;" class="box">
<div class="div-header">Content</div>
        <div class="row-fluid">
            <div class="span12">
                <div class="panel ui-droppable ui-draggable">
                    <a href="/index" >
                    <img src="http://myntra.myntassets.com/assets/banners/2014/4/10/1397140384493-fashion-fing_HPB_612_459_mini.jpg"  /></a>

                </div>
            </div>
        </div>
    </div>

                    <a href="javascript:void(0)" >
                    <img src="http://myntra.myntassets.com/assets/banners/2014/4/9/1397022695018-ed-hardy_HPB_612_459_mini.jpg"  />

                    </a>
                     <div style="display: block;" class="box">
<div class="div-header">Content</div>
        <div class="row-fluid">
            <div class="span12">
                <div class="panel ui-droppable ui-draggable">
                    <a href="/index" >
                    <img src="http://myntra.myntassets.com/assets/banners/2014/4/10/1397140384493-fashion-fing_HPB_612_459_mini.jpg"  /></a>

                </div>
            </div>
        </div>
    </div>

                </div>
            </div>
        </div>
    </div>
</div>

---

你能贴把小提琴吗please@Bryan你能检查一下吗

 http://jsfiddle.net/CyJ8h/