отключение sortable

[xTODx]

Добрый день, вот скрипт короче

<script type="text/javascript">
$(document).ready(function() {

   $(".sort").sortable({connectWith:"#drag",placeholder:'.sort',helper:'clone'});
   $( "#drag div" ).draggable({
                        connectToSortable: ".sort",
                        helper: "clone",
                        revert: "invalid"
                });
 
	
	$('#save').hover(
		function(){
			consider();
		}
	);
});

function consider(){
	$('.sort').each(function(index, sorta) {
			$(sorta).children('div').each(function(i, div) {
				$(div).children('input').each(function(n, input){
					name = $(input).attr('name');
					name = name.replace(/[^A-z]/g, '');
					name = name.replace(']', '');
					name = name.replace('[', '');
					$(input).attr('name',(i+1)+'['+name+']')
				 });
                $(div).children('.number').val(i+1)
            });
        })
	}
</script>

а вот Макет

<style type="text/css">
.sort, #drag
{
	margin:10px;
	float:left;
	min-height:100px;
	min-width:100px;
}
.sort div, #drag div
{
	border: 1px solid #000000;
	margin:1px;
	padding:30px;
	width:160px;
	background-color:#FBFED6;
}
.sort div .sort, #drag div .sort
{
	border: 1px solid #000000;
	margin:1px;
	padding:10px;
	width:130px;
	background-color:#FBFED6;
}
.sort div .sort div, #drag div .sort div
{
	border: 1px solid #000000;
	margin:1px;
	padding:10px;
	width:110px;
	background-color:#FBFED6;
}
.sort div .sort input, #drag div .sort input
{
	width:110px;
}
.sort div .sort div .sort, #drag div .sort div .sort
{
	display:none;
}

</style>

<center>
<div id="drag">
<div class="ui-draggable">
<input type="text" name="name" placeholder="Имя">
<input type="text" name="link" placeholder="Ссылка">
<input type="hidden" name="pos" class="number">
<div class="sort ui-sortable ui-draggable">
</div>
</div> 
</div>
<form method="post">
<div id="item" class="sort ui-sortable">
      	<div>
        <input type="text" name="name" placeholder="Имя" value="124142">
        <input type="text" name="link" placeholder="Ссылка" value="412421">
        <input type="hidden" name="pos" class="number" value="1">
        <div class="sort ui-sortable">
		</div>
        </div> 
		      	<div>
        <input type="text" name="name" placeholder="Имя" value="214214">
        <input type="text" name="link" placeholder="Ссылка" value="214412">
        <input type="hidden" name="pos" class="number" value="2">
        <div class="sort ui-sortable">
		</div>
        </div> 
		</div>
 <input type="submit" id="save" name="save" value="Сохранить">
 </form>
 </center>

Проблема в том, что когда я вношу блок во внутрений сортабле, то этот блок появляется сразу и во внешнем, и во внутреннем блоке сортабл.
Вот иллюстрации ко всему этому.
кто подскажет, как это решить?

https://pp.vk.me/c623420/v623420356/..._zM-noK3V0.jpg
https://pp.vk.me/c623420/v623420356/...27r4PNejSY.jpg
https://pp.vk.me/c623420/v623420356/...HS3o0bmIRQ.jpg