javascript - Jquery - 新しい div 内に複数のタグの子クラスをラップする

Question

タグ内の複数のクラスを jQuery を使用して新しい div にラップしたいのですが、これが html の場合です。

<div class="article">
    <div>
        <h1>Title 1</h1>
    </div>
    <div>
        <img>
    </div>
    <div>
        <h1>Title 2</h1>
    </div>
    <div>
        <img>
    </div>
    <div>
        <h1>Title 3</h1>
    </div>
    <div>
        <img>
    </div>
</div>

結果 ：

<div class="article">
    <div class="img-div">
        <div>
            <h1>Title 1</h1>
        </div>
        <div>
            <img>
        </div>
    </div>
    <div class="img-div">
        <div>
            <h1>Title 2</h1>
        </div>
        <div>
            <img>
        </div>
    </div>
    <div class="img-div">
        <div>
            <h1>Title 3</h1>
        </div>
        <div>
            <img>
        </div>
    </div>
</div>

ここに私の試みのjQueryコードがあります:

$(".article").children("div h1, div img).wrap("<div class='img-div'"></div>);

jQueryを使用してwrap(); wrapAll();いますが、同じ結果が得られません。