Can't figure out how to wrap div tags outside root element

[leke]

I'm trying to get some div tags to wrap around 3 elements, but my jQuery code only gets me wrapping 2. Here is the example...
http://jsbin.com/ihucel/9/edit

Which outputs...

<img title="Title Caption" alt="Alt Caption" class="captionImg" src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif">
<div class="imgWrapper">
    <br>
    <span class="imgCaption">Title Caption</span>
</div>

I would need it to also wrap the image tag like so...

<div class="imgWrapper">
    <img title="Title Caption" alt="Alt Caption" class="captionImg" src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif">
    <br>
    <span class="imgCaption">Title Caption</span>
</div>

Any ideas how to do this?

Thanks in advance

[cbVision]

Here's a way you can do it! You just create the container, add it to the DOM, then append the content.

http://jsbin.com/ihucel/11/edit

[leke]

Oww, I don't believe I didn't realise that! I was reading through those very functions as I was trying to figure out that problem. It just didn't occur to me to create the wrapper first. Thanks.