how to properly append div at run time?
<p>Hello im trying to wrap a div with another div by using jquery append and im having one hell of a time.
  here is my div</p>

<pre><code>&lt;div id ="one" class="PortalBox" data-title="Concur"&gt;
    &lt;div class = "localContent"&gt;
    FGDDDDDDDDDfdgdfffffffff
    dfgggggggggggggggggggggggggg
    dfggggggggggggggggggggggggg
    fgddddddddddddddddddddddddd
    fgddddddddddddd.
&lt;/div&gt;

&lt;/div&gt;
</code></pre>

<p>now what i would like to do is add an open div tag right above 
and then close it  after the closing tag related to local content. 
here is what i tried and i keep failing miserably.</p>

<pre><code>   /*open div*/
    $('.localContent').each(function(idx, ele){
        //alert(ele.className);
        $('&lt;div class="ab_Box1d" style ="width:630px"&gt;').insertBefore($(ele))
                })
    /*close the div*/   
    $('.localContent').each(function(idx, ele){
        //alert(ele.className);
        $('&lt;/div&gt;').insertAfter($(ele))
                })
</code></pre>

<p>what is the proper way to do this? any help would be most appreciative.</p>
