jQuery sortableで1つの要素を動かした際に別の要素も一緒に動かしたい

Question

表題の通りですが、jqueryのsortableを使用して、1つの要素を動かした時に
連動する別の要素も同じように動かしたいです。

<section class="form-group">
        <div id="action">
            <p><label for="action-1">1-1.</label><input type="text" name="action-1" value="" class="form-control"  /></p>
            <p><label for="action-2">1-2.</label><input type="text" name="action-2" value="" class="form-control"  /></p>
            <p><label for="action-3">1-3.</label><input type="text" name="action-3" value="" class="form-control"  /></p>
        </div>
    </section>

    <section class="form-group">
        <div id="result">
            <p><label for="result-1">2-1.</label><textarea name="result-1" rows="8" cols="80" class="form-control" ></textarea></p>
            <p><label for="result-2">2-2.</label><textarea name="result-2" rows="8" cols="80" class="form-control" ></textarea></p>
            <p><label for="result-3">2-3.</label><textarea name="result-3" rows="8" cols="80" class="form-control" ></textarea></p>
        </div>
    </section>

もう少し具体的に説明するとid:action
に内包される要素、例えばaction-1をソートすると
id:result内のresult-1も
id:result内で同じようにソートさせるようにしたいです。

$(document).on('sortstop','#action',function(){
        ここに処理を書けば良いと思っていますが、どう書いて良いのかがわかりません。
    });

以上お手数ですが、ご存知の方がいらっしゃいましたら、
ご教授いただければ幸いです。