использование сортируемого списка jQueryUI с формами

Я использую jQueryUI для создания сортируемого списка, и часть пользовательского интерфейса отлично работает, так как я могу сортировать элементы по своему желанию веб-страницу. Однако я не могу понять, как порядок отсортированного списка включается в POST. Я полный новичок с javascript, поэтому, пожалуйста, простите меня, если это действительно просто.

Вот соответствующие части моего html:

<script type="text/javascript">
  google.load("jquery", "1");
  google.load("jqueryui", "1");
  function OnLoad(){
    $( "#sortable" ).sortable({ axis: "y", containment: "#ballot", scroll: false });
    $( "#sortable" ).disableSelection();
  }
  google.setOnLoadCallback(OnLoad);
</script>

[...]

<form method="POST" action="/vote">
<input type="hidden" name="key" value="{{ election.key }}">
<input type="hidden" name="uuid" value="{{ uuid }}">
<div id="ballot" class="center">
<ol id="sortable" class="rankings">
  <li class="ranking">Jamie</li>
  <li class="ranking">Joanie</li>
  <li class="ranking">Morley</li>
  <li class="ranking">Frank</li>
  <li class="ranking">Larry</li>
</ol>
</div>
</form>

Как можно закодировать порядок Джейми, Джоани, Морли, Фрэнка и Ларри в POST?