对侧栏进行排序并保存更改？

Question

首先，我将展示我的代码。

<script>
$(document).ready(function() {
$("#sidebar").sortable();
});
</script>
<div id="sidebar">
   <div class="sidebar_box">
     <div class="title"><a>Title</a></div>
     <p>Hello!</p>
   </div>
  <div class="sidebar_box">
     <div class="title"><a>Title</a></div>
     <p>Hello!</p>
  </div>
</div>

抱歉凌乱的代码......

所以，我所做的就是你可以移动sidebar_box并改变它们的顺序。但是我如何“保存”用户的订单呢？所以它会保持一段时间，就像把它放进会话一样。