Drag-and-drop Neuanordnung von Zeilen mit ASP.NET MVC-Implementierung Problem

Habe ich eine ASP.NET MVC-4-Webanwendung. Auf einer Seite habe ich eine HTML-Tabelle präsentiert eine Reihe von Elementen.

Ich möchte in der Lage sein zu implementieren drag-and-drop neu Sortieren für die Tabelle der Elemente, die gespeichert wird wieder an das Datenmodell.

Habe ich mir angeschaut und versucht, ein paar verschiedene Methoden, dies zu tun, mit JQuery UI und einige andere plugins, aber ich habe nicht erfolgreich gewesen in der Lage, um die Funktionalität zu implementieren.

Habe ich mir angeschaut diese Beispiel, aber mein Tisch hat sich nicht geändert, auf der Sie laufen, das nach der Umsetzung wie folgt:

        <script type="text/javascript">
        $(document).ready(function()
        {
            $('#clueTable tbody').sortable().disableSelection();
        });
    </script>

Habe ich alle notwendigen javascript:

<script type="text/javascript" src="~/Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery-ui-1.10.2.min.js"></script>

Werde ich nicht posten, die ganze Tabelle, aber es sieht ungefähr so aus:

        <table id="clueTable" class="grid">
        <thead>
            <tr>
                <th>Clue #</th>
                <th>Location</th>
                <th>Quiz Clue?</th>
                <th>Actions</th>
            </tr>
        </thead>

        @for (int i = 0; i < Model.Clues.Count; i++)
        {
            <tbody>
                <tr>
                    <td>Number</td>
                    <td>Things</td>
                    <td>Yes</td>
                    <td>Stuff</td>
                </tr>
            </tbody>
        }
    </table>