Jquery 将div中的下一个2个标题分组

如何将div中的前两个相邻标题分组？标题可以是任何标题标签(h1 - h6).

如果只有一个标题，则只有该标题将被换行.

Html:

<div class="about-content-wrap content-with-double-headline">
   <h2>Milk &amp; Honey</h2>
   <h4>Taste of Heaven!</h4>
   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor</p>
   <h3>asdasdas</h3>
</div>

这就是我一直在try 的:

$('.content-with-double-headline').find('h1,h2,h4,h4,h5,h6').wrapAll('<div></div>');

但它也包装标题是不相邻的.

我想要的结果是:

<div class="about-content-wrap content-with-double-headline">
   <div class="any-class">
      <h2>Milk &amp; Honey</h2>
      <h4>Taste of Heaven!</h4>
   </div>
   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor</p>
   <h3>asdasdas</h3>
</div>