title: Wrap div after another div in jQuery - jQuery PageSlide with Bootstrap work around
body: <p>I am looking to wrap the div "nav-collapse collapse" before "nav" but after "pageslide"</p>
  
  <p>Not sure if this is the best way to go about it, but I am trying to get the bootstrap submenus to play nicely with the pageslide plugin.</p>
  
  <p>Html I currently have:</p>
  
  <pre><code> &lt;div id="pageslide"&gt;
   &lt;ul id="nav" class="nav slidernav"&gt;
     &lt;li&gt;1&lt;/li&gt;
     &lt;li&gt;2&lt;/li&gt;
     &lt;li&gt;3&lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I would to acheive:</p>
  
  <pre><code>&lt;div id="pageslide"&gt;
     &lt;div class="nav-collapse collapse"&gt;
        &lt;ul id="nav" class="nav slidernav"&gt;
          &lt;li&gt;1&lt;/li&gt;
          &lt;li&gt;2&lt;/li&gt;
          &lt;li&gt;3&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$("&lt;div class='nav-collapse collapse'&gt;").insertAfter("#nav").append($("#pageslide"));
  </code></pre>
  
  <p>This is targeted for jQuery Pageslide implemented into bootstrap:</p>
  
  <p><a href="http://jsfiddle.net/8Cjn9/44/" rel="nofollow">http://jsfiddle.net/8Cjn9/44/</a></p>