title: How to moving top div to the bottom of a stack
body: <pre><code>&lt;div&gt;                       &lt;div&gt;
   &lt;div&gt;1&lt;/div&gt;  ------------  &lt;div&gt;2&lt;/div&gt; 
   &lt;div&gt;2&lt;/div&gt;  -transition-  &lt;div&gt;3&lt;/div&gt;
   &lt;div&gt;3&lt;/div&gt;  ------------  &lt;div&gt;1&lt;/div&gt;
  &lt;/div&gt;                      &lt;/div&gt;
  </code></pre>
  
  <p>Is their a way in jquery to remove the the first child of a div and appending it to the last child in one chain? Example div 1 fades out is then appended to the div 3 and fades in
  I can only get the first child removed from the top or appended to the last child, but I cannot do it in one load. I also tried putting the divs in an array to make the easier to manipulate, but I can't figure it out.</p>