title: Drag & Drop list item position
body: <p>I'm attempting to create a case priority list for a client, and will be using <code>Jquery UI</code> for the drag and drop feature.</p>
  <p>The problem I am sitting with at the moment is finding out the new <code>Index</code> of the <code>list item</code> once it has been moved. I am hoping one of you has encountered this before or knows how I can get this? I am really struggling to find it.</p>
  <p>I have tried lots of SO thread which say I should use <code>.index()</code>, but i cant seem to get it working. Please see my attempt in this <a href="http://jsfiddle.net/fKvv3/16/" rel="nofollow noreferrer">FIDDLE</a></p>
  <pre><code> $(document).ready(function () {
  
         var Items = $(&quot;#SortMe li&quot;);
  
       $('#SortMe').sortable({
           disabled: false,
           axis: 'y',
           forceHelperSize: true,
           update: function () {
               var Newpos = $(&quot;li&quot;).index();
               alert(&quot;You moved item to position &quot; + Newpos);
  
           }
       }).disableSelection();
   });
  </code></pre>
  <p>Once the <code>list item</code> has been dropped, I would like to know its new <code>position / index</code> so I can use this in <code>SQL</code> later on in the process.</p>
  <p>Thanks so much,
  Mike</p>