Получить все элементы между типом элемента (h1) и обернуть в div

У меня есть следующая структура:

<div class="wrapper">
    <h1>Header 1</h1>
    <h2>subtitle 1</h2>
    <p>aaa</p>
    <p>bbb</p>
    <p>ccc</p>
    <h2>subtitle2</h2>
    <p>ddd</p>

    <h1>Header 2</h1>
    <h2>subtitle 3</h2>
    <p>eee</p>
    <p>fff</p>

</div>

Я хочу выбрать все элементы h1 и p между каждым h1 и обернуть их в div, поэтому я получаю:

<div class="wrapper">
    <div>
        <h1>Header 1</h1>
        <h2>subtitle 1</h2>
        <p>aaa</p>
        <p>bbb</p>
        <p>ccc</p>
        <h2>subtitle2</h2>
        <p>ddd</p>
    </div>

    <div>
        <h1>Header 2</h1>
        <h2>subtitle 3</h2>
        <p>eee</p>
        <p>fff</p>
    </div>
</div>

Я пробовал разные вещи, подобные приведенным ниже, но ни одна из них не работает идеально:

$( "h1" ).prevUntil( "h1" ).wrapAll( "<div></div>" );