railsにてフォームの動的追加にsortable機能を付けたい

ネストフィールド参考
 ドラッグ＆ドロップによる表示順変更参考
を参考にネストフィールドで記述したものを動的に順番を変更できるようにしたいのですが

ruby
1<%= form_for(@article) do |f| %>
2<ul id="contents">
3      <%= f.fields_for :contents do |builder| %>
4          <%= content_tag_for(:li, builder) do %>
5           <%= render "content_fields", f: builder  %>
6          <%end%>
7      <% end %>
8</ul>
9<%end%>

ruby
1//増やす元の投稿フォーム
2<fieldset>
3  <h1 id=rankh1></h1>
4  <div class="ckeditors">
5    <%= f.label :title, "タイトル" %>
6    <%= f.text_area :title, :class => 'form-control'%><br />
7    <%= f.label :description, "説明" %>
8    <%= f.text_area :description, :class => 'form-control' %><br />
9  </div>
10  <div class="afsubmits">
11    <div class="aft"></div>
12    <div class="afd"></div>
13  </div>
14  <%= link_to "削除", '#', class: "remove_fields"%>
15    <input type="button" class="tdsubmit" value="交換">
16    <div style="display:none;">
17      <input type="button" id="tsubmit" value="交換">
18      <input type="button" id="dsubmit" value="交換">
19    </div>
20    <input type="button" class="fsubmit" value="送信">
21</fieldset>