Test Case Boilerplate

Fork this way...

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<div class="AdminSidebar" style="float:left">
        <div class="AdminWidget">
                <ul><li><img src="move.png" class="moveWidget" /></li></ul>
                <div class="WidgetContent">....</div>
        </div>
         <div class="AdminWidget">
                <ul><li><img src="move.png" class="moveWidget" /></li></ul>
                <div class="WidgetContent">....</div> 
        </div>
         <div class="AdminWidget">
                <ul><li><img src="move.png" class="moveWidget" /></li></ul>
                <div class="WidgetContent">....</div> 
        </div>
         <div class="AdminWidget">
                <ul><li><img src="move.png" class="moveWidget" /></li></ul>
                <div class="WidgetContent">....</div> 
        </div>
         <div class="AdminWidget">
                <ul><li><img src="move.png" class="moveWidget" /></li></ul>
                <div class="WidgetContent">....</div> 
        </div>
         <div class="AdminWidget">
                <ul><li><img src="move.png" class="moveWidget" /></li></ul>
                <div class="WidgetContent">....</div> 
        </div>
         <div class="AdminWidget">
                <ul><li><img src="move.png" class="moveWidget" /></li></ul>
                <div class="WidgetContent">....</div> 
        </div>
         <div class="AdminWidget">
                <ul><li><img src="move.png" class="moveWidget" /></li></ul>
                <div class="WidgetContent">....</div> 
        </div>
         <div class="AdminWidget">
                <ul><li><img src="move.png" class="moveWidget" /></li></ul>
                <div class="WidgetContent">....</div> 
        </div>
         <div class="AdminWidget">
                <ul><li><img src="move.png" class="moveWidget" /></li></ul>
                <div class="WidgetContent">....</div> 
        </div>
 ...

JavaScript

$(".AdminSidebar").sortable({        connectWith: '.AdminSidebar',        handle: '.moveWidget',        stop: function(event, ui) {                var sidebars = $('div.AdminSidebar');                //do stuff
        }});