title: Change DOM stacking order for mobile
body: <p>want to know how to change the DOM stacking order for mobile using jQuery so we dont have to use php. Currently I am trying: </p>
  
  <pre><code>jQuery(document).ready(function(){
  
  jQuery(window).resize(function() {
  
  if (jQuery(window).width() &lt; 768) {
      var sidebar1 = document.getElementById("sidebar1");
      var body = document.getElementById("right");
      jQuery(sidebar1).after( jQuery(right) );
      } 
  
      });
  });
  </code></pre>
  
  <p>The HTML:</p>
  
  <pre><code>&lt;div class="row-fluid"&gt;
     &lt;div id="sidebar1" class="span3"&gt;
     &lt;div id="right" class="span9"&gt;
  </code></pre>
  
  <p>I might need to use insertAfter or prepend, but not sure. Thanks</p>