jQury UI Sortable

by John Grivas

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/i18n/jquery-ui-i18n.min.js"></script>
<div>
    <table id="players_of_rank">
        <thead>
            <tr>
                <td>Name</td>
                <td>Age</td>
            </tr>
        </thead>
        <tr>
            <td>1</td>
            <td>Nikos</td>
        </tr>
        <tr>
            <td>3</td>
            <td>Giannis</td>
        </tr>
    </table>
    <table id="locked_players">
        <tr>
            <td>4</td>
            <td>Petros</td>
        </tr>
        <tr>
            <td>5</td>
            <td>George</td>
        </tr>
    </table>
</div>

JavaScript

$("#players_of_rank > tbody:last").append($("#locked_players > tbody").html());
$("#locked_players").remove();
$("#players_of_rank").sortable();
//$("#sortable").disableSelection();