title: How do I move div after its next div
body: <p>How do I move a div after its next div.
  For instance I have 3 different div sitting here.</p>
  
  <pre><code>&lt;div class="div1"&gt;Div1&lt;/div&gt;
  &lt;div class="div2"&gt;Div2&lt;/div&gt;
  &lt;div class="div3"&gt;Div3&lt;/div&gt;
  </code></pre>
  
  <p>I wan to move first div after the second div. It means <code>div2</code> will be first and <code>div1</code> will be second. I have bunch of same html format.</p>
  
  <p>I want to execute jquery something like</p>
  
  <pre><code>$(".div1").each(function() {
      $(this).appendTo().$(this).after();
  });
  </code></pre>
  
  <p>Let me know if this doesn't make sense.</p>