jQuery UIを使って、要素をドラッグ&ドロップ後に要素の順番を取得する方法

プラグインも使わないですし、これが一番シンプルな方法なんじゃないかと。
ドラッグ後にコールバックして要素の取得ができるので、並び順をそのままデータベースに登録したりといった応用もこれでバッチリですね。

id:box_1
id:box_2
id:box_3
id:box_4
id:box_5

HTML部分

JavaScript部分

ソースファイルはこちら
公式リファレンス

SNSでシェア