jquery - 要素の内容を特定の要素までラップする

Question

次の例に示すように、特定の要素までコンテンツを jQuery 要素でラップするにはどうすればよいですか。

<div>
    <span>
       wrap this element
    </span>
    text to wrap
    <span class='dont-wrap'>
        dont wrap this
    </span>
</div>

に：

<div>
    <span>
        <span>
           wrap this element
        </span>
        text to wrap
    </span>
    <span class='dont-wrap'>
        dont wrap this
    </span>
</div>

私は試した：

$('div).contents().nextUntil('.dont-wrap').wrap('<span/>');