jQuery .Wrap Function Help... wrapping div with another div
<pre><code>var el = widget; // Ordered HTML Lists
var helper = $('&lt;div class="positionHelper"&gt;&lt;/div&gt;');
var wrapper = $('&lt;div class="slide-out-div"&gt;&lt;/div&gt;');

helper.css({ position: 'absolute', width: dims.refW, height: dims.refH });
el.wrap(helper);
helper.wrap(wrapper);
wrapper.append('&lt;div id="handle"&gt;');
</code></pre>

<p>For some reason, the output for this is without the "slide-out-div" DIV or the "handle" DIV. It simply appends the "helper" DIV to the page, but without having the other two divs in there. Any clue why that is?</p>

<p>Trying to achieve:</p>

<pre><code>&lt;div class="slide-out-div"&gt;
  &lt;div class="handle"&gt;&lt;/div&gt;
  &lt;div class="positionHelper"&gt;Bunch of Content&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>positionHelper will have some CSS variables as you can see, but this is generally what I want to have the output come out as. The problem is that I can't seem to wrap positionHelper with the slide-out-div at all.</p>

<p>UPDATE:</p>

<p>Actually, this works, but seems a bit lengthy for what I'm trying to do.</p>

<pre><code>var h = $(".positionHelper")
h.wrap(wrapper);
var f = $(".positionHelper")
f.before('&lt;div id="handle"&gt;');
</code></pre>
