Wrapping content with jquery

Question

How can I use wrap around the content with the placeholder div using jQuery.

So I can turn this -

        <div class="placeholder"></div>
        <div class="content"></div>
        <div class="content"></div>
        <div class="content"></div>
        <div class="content"></div>
        <div class="placeholder"></div>
        <div class="content"></div>
        <div class="content"></div>
        <div class="placeholder"></div>
        <div class="content"></div>
        <div class="content"></div>
        <div class="content"></div>
        <div class="placeholder"></div>

Into this

        <div class="wrap">
            <div class="placeholder"></div>
            <div class="content">Abcd</div>
            <div class="content">Abcd</div>
            <div class="content">Abcd</div>
            <div class="content">Abcd</div>
        </div>
        <div class="wrap">
            <div class="placeholder"></div>
            <div class="content">Abcd</div>
            <div class="content">Abcd</div>
        </div>
        <div class="wrap">
            <div class="placeholder"></div>
            <div class="content">Abcd</div>
            <div class="content">Abcd</div>
            <div class="content">Abcd</div>
        </div>

Answer 1

Try this with jQuery 1.4:

$('.placeholder').each(function(){
     $(this).nextUntil('.placeholder').andSelf().wrapAll('<div class="wrap" />');
});

jQuery 1.4 added the nextUntill function