带有隐藏输入的有序列表

我的webapp中有这样的代码表单(http://jsfiddle.net/eavjd5dd/)但当我发送一个列出的项目时，订单是默认情况下的订单。

所以我的问题是，为什么在服务器端没有考虑隐藏值的新顺序。。。？是否还有其他函数可以调用以应用有序列表的排序。。。？

谢谢你们的帮助：）

<style>
    #sortable{
        -margin-left: 0;
        padding-left: 0.5;
        list-style-type:;
    }
    .ui-state-highlight{
        padding: 2px;
        margin: 2px;
        border: 1px dashed black;
        height: 20px;
    }
</style>
<script>$(function(){
$("#sortable").sortable({axis: "y", placeholder: "ui-state-highlight"});
});
<script>
    <form name="categoriesManagement" method="post" action="categoriesManagement.jsp">

            <div class="col-sm-6 col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4>List of categories</h4>
                    </div>
                    <div class="panel-body">
                        <ol id="sortable" class="ui-sortable">
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="9">
                                        blabla
                                        1
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="10">
                                        blabla
                                        2
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="11">
                                        blabla
                                        3
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="12">
                                        blabla
                                        4
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="13">
                                        blabla
                                        5
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="404">
                                        blabla
                                        6
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="14">
                                        blabla
                                        7
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="15">
                                        blabla
                                        8
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="17">
                                        blabla
                                        9
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="16">
                                        blabla
                                        10
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="19">
                                        blabla
                                        11
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="18">
                                        blabla
                                        12
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="21">
                                        blabla
                                        13
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="20">
                                        blabla
                                        14
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="23">
                                        blabla
                                        15
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="22">
                                        blabla
                                        16
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="25">
                                        blabla
                                        17
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="24">
                                        blabla
                                        18
                                </li>
                                <li>
                                    <input type="hidden" name="categoryOrdering" value="26">
                                        blabla
                                        19
                                </li>
                        </ol>
                    </div>
                    <div class="panel-footer text-right">
                        <input type="submit" value="SAVE_CATEGORY_POSITIONING" class="showToolTipTop" title="" data-original-title="Save positioning of categories.">
                    </div>
                </div>
            </div>
        </form>