Jquery drag list update
<p>I have a list that uses Jquery UI drag drop sortable but when I drop one of options into a list I want to be able to tell where it is in the list like the following does:</p>

<p><a href="http://www.webresourcesdepot.com/dynamic-dragn-drop-with-jquery-and-php/" rel="nofollow">http://www.webresourcesdepot.com/dynamic-dragn-drop-with-jquery-and-php/</a></p>

<p>Only thing is I am not sure how to do this around my current Jquery and when I tried I failed and it kept giving me [object] [object] errors :)</p>

<p><strong>Here is my code:</strong></p>

<pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="js/jquery.ui.core.js"&gt;&lt;/script&gt;
    &lt;script src="js/jquery.ui.widget.js"&gt;&lt;/script&gt;
    &lt;script src="js/jquery.ui.mouse.js"&gt;&lt;/script&gt;
    &lt;script src="js/jquery.ui.sortable.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript&gt;
$( "#example1, #example2" ).sortable({
stop: function(event, ui) { 
var item = $(ui.item).parent().attr("id"); 
var moveid = $(ui.item).attr("id");
var sortableid = $(ui.item).sortable;
alert(item);
alert(moveid);
}}).disableSelection();
    });
&lt;/script&gt;


&lt;div class="box"&gt;
&lt;ul id="example1" class='droptrue'&gt;
&lt;li id="id1" class="ui-state-default boxclass"&gt;ABC&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;

&lt;div class="box"&gt;
&lt;ul id="example2" class='droptrue'&gt;
&lt;li id="id2" class="ui-state-default boxclass"&gt;XYZ&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>If any of you would be able to show me in the right direction of how to do this using javascript or jquery, I would really appreciate it.</p>

<p>Thank you in advance!</p>
