Jquery-UI Table排序

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js'></script>

<script type="text/javascript">



    // When the document is ready set up our sortable with it's inherant function(s)
    $(document).ready(function () {
        $(".sort").sortable({
            opacity: 0.6,    //拖曳時透明
            cursor: 'pointer',  //游標設定
            axis: 'y',       //只能垂直拖曳
            update: function () {
            $("input#test-log").val($('.sort').sortable('serialize'));
        }
             
        });

    });
</script>

<table>
        <tbody class="sort">
            <tr style=" background-color: Red">
                <td>111111111111111111</td>
                <td>111111111111111111</td>
            </tr>
            <tr id="">
                <td>222222222222222222</td>
                <td>222222222222222222</td>
            </tr>
            <tr id="">
                <td>333333333333333333</td>
                <td>333333333333333333</td>
            </tr>
            <tr id="">
                <td>444444444444444444</td>
                <td>444444444444444444</td>
            </tr>
            <tr id="">
                <td>555555555555555555</td>
                <td>555555555555555555</td>
            </tr>
        </tbody>
    </table>

EX:

111111111111111111	111111111111111111
222222222222222222	222222222222222222
333333333333333333	333333333333333333
444444444444444444	444444444444444444
555555555555555555	555555555555555555