title: How to change div order in javascript
body: <p>I want to change the div order through JavaScript. i didn't know how to do that</p>
  
  <p>This is the two div which implement in html, but i want  div <strong>id="navigation"</strong> show in html after div <strong>class="row subheader"</strong>.</p>
  
  <pre><code>&lt;div id="navigation"&gt;
    &lt;div class="item" style="display:inline;"&gt;
      &lt;a href="index.html"&gt;Home&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="item" style="display:inline;"&gt;Blog: Kannu&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="row subheader"&gt;
    &lt;div class="container"&gt;
      &lt;div id="blogsubheader"&gt;My Blog&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want like this from javascript please check follow.</p>
  
  <pre><code>&lt;div class="row subheader"&gt;
    &lt;div class="container"&gt;
      &lt;div id="blogsubheader"&gt;My Blog&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="navigation"&gt;
    &lt;div class="item" style="display:inline;"&gt;
      &lt;a href="index.html"&gt;Home&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="item" style="display:inline;"&gt;Blog: Kannu&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks in advance</p>