jquery cant get drag item id in Sortable
<p>i am having problem in getting the id of the dragged item in "sortable", can you please help me out in this. </p>

<pre><code>&lt;script&gt;
$(document).ready(function(){
    $("#div1,#div2,#div3").sortable({
        revert: true,
        accept: '.draggable',
        connectWith: [".sortable_div"],
        receive: function(e, ui) { 
            var item_id = $(this).attr("id");
            var drag_id = $(ui.item).attr('id')
            alert('alert:'+item_id+' of '+drag_id);
        }
    }).disableSelection();
});
&lt;/script&gt;


&lt;div id="div1" class="sortable_div"&gt;
&lt;span id="span1" class="draggable"&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;div id="div2" class="sortable_div"&gt;
&lt;span id="span2" class="draggable"&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;div id="div3" class="sortable_div"&gt;
&lt;span id="span3" class="draggable"&gt;&lt;/span&gt;
&lt;/div&gt;
</code></pre>
