jquery and 'innerHTML' wrapper
<p>hello<br>
have a next question:<br>
i.g. we have next html with structure:  </p>

<pre><code>&lt;html&gt;
    &lt;head&gt;
        &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript"&gt;
            $(document).ready(function(){
                $($("#global").attr("innerHTML")).wrap('&lt;div name="wrapper"&gt;&lt;/div&gt;');
            })
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;div id="global"&gt;
            &lt;div id="container"&gt;
                &lt;div id="sub1"&gt;
                    &lt;h1&gt; hello world &lt;/h1&gt;
                &lt;/div&gt;
                &lt;div id="sub2"&gt;
                    &lt;h1&gt; hello world again&lt;/h1&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div id="container3"&gt;
                    &lt;h1&gt; hello world again&lt;/h1&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>but <code>wrap</code> function, some why won't work on it, as I think, it happens, because <code>innerHTML</code> hasn't parent, so, how can i avoid this, and wrap few elements (which has 'one level' and common parent)?</p>
