Drag and Drop

Beste,

Ik zit met een probleem met Drag and Drop.
Ik heb de volgende code van internet en dat lijkt op wat ik wil:

<html>
<head>
<title>jQuery Drag and Drop</title>
<script type="text/javascript" src="http://www.noobtutorials.nl/voorbeelden/jquery-voorbeelden/js/jquery.js"></script>
<script type="text/javascript" src="http://www.noobtutorials.nl/voorbeelden/jquery-voorbeelden/js/jquery.sortable.draggable.droppable.min.js"></script>
<script type="text/javascript">
$( function () {
    /* Sortable lijst jQuery */
    $("ul.sortable").sortable({
        axis: y,
        placeholder: placeholder,
        forcePlaceholderSize: true,
        handle: span
    });
});
</script>
<style>
/* CSS voor de versleepbare lijst */
.placeholder {
    border: 2px dotted #000;
}
ul.sortable li {
    list-style: none;
}
ul.sortable li {
    width: 200px;
}
ul.sortable li span {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(http://www.noobtutorials.nl/voorbeelden/jquery-voorbeelden/images/handle.png) top left;
}
ul.sortable li span:hover {
    background-position: 0 100%;
}

</style>
</head>
<body>

<ul class="sortable">
    <li><span></span>Team 1</li>
    <li><span></span>Team 2</li>
    <li><span></span>Team 3</li>
    <li><span></span>Team 4</li>
</ul>

</body>
</html>

Hoe doe ik de posities van de teams nou opslaan in de database?
Dus het team dat bovenaan is geplaatst is 1 etc.
Ik hoop dat iemand mijn daar mee kan helpen, heb namelijk 0 verstand van jQuery.

Waarde serializen met jQuery, en een AJAX request doenzodra je een item dropt.

http://www.webresourcesdepot.com/dynamic-dragn-drop-with-jquery-and-php/