Javascript jquery ui-可排序：获取所有元素的新位置

我正在使用jQuery UI-可排序，如下表所示：

<div class="contentEntries">
<div class="contentEntry">...</div>
<div class="contentEntry">...</div>
<div class="contentEntry">...</div>
<div class="contentEntry">...</div>
</div>

...
...
...
...

在.contentEntry中有一个输入字段，其位置为：

<input type="text" class="form-control" placeholder="Position" name="row[contents][23][position]" value="0">

如果我把一个元素拖到一个新的位置，我会得到所有元素的新位置列表

例如： 在每个.contentEntry上，位置为的输入值为0。现在，我将任何元素拖动到一个新位置，我希望所有元素都以正确的顺序作为值。所以第一个的输入位置值是1，第二个是2，依此类推……

哦，这没那么难；）

但仍有一个问题。正确的值显示在网站中，但在DOM中仍然存在旧值。 编辑：已将其管理为工作：）

$(function() {
    $('.contentEntries').sortable({
        stop: function(event, ui) {
            $(this).find('.contentEntry').each(function(i, el){
                $(this).find('input.position').val(i+1);
            });
        }
    });

    $('.contentEntries').disableSelection();
});