dom要素を並べ替える

私はまだこのコミュニティの専門知識と可用性を利用します。
今日、私の心はブロックされているようです。これらのタグを並べ替えるより良い方法があるかどうか知りたいです。

<h3>title</h3>
<div>a</div>
<div class="order">b</div>
<div>a</div>
<div>a</div>
<div>a</div>
<h3>title</h3>
<div>a</div>
<div>a</div>
<div class="order">b</div>
<div>a</div>
<div>a</div>
<h3>title</h3>
<div>a</div>
<div>a</div>
<div>a</div>
<div class="order">b</div>
<div>a</div>

この方法では

<h3>title</h3>
<div class="order">b</div>
<div>a</div>
<div>a</div>
<div>a</div>
<div>a</div>
<h3>title</h3>
<div class="order">b</div>
<div>a</div>
<div>a</div>
<div>a</div>
<div>a</div>
<h3>title</h3>
<div class="order">b</div>
<div>a</div>
<div>a</div>
<div>a</div>
<div>a</div>

私はこの方法を試しましたが、それは過度に冗長な解決策のようです。

<script type="text/javascript">
  $(document).ready(function(){
      var h3=$('h3');
        h3.each(function(){
            var divs=$(this).nextUntil('h3').wrapAll('<div class="group"></div>');
        });

     $('div.group').each(function(){
        var a=$('<div class="temp1">temp</div>').prependTo($(this))
        var divs=a.nextUntil('div.order').detach()
        divs.appendTo($(this))
      })

     $('div.group div').unwrap()    
     $('div.temp1').remove()
  })
</script>