title: Reverse order of a set of HTML elements
body: <p>I have a set of divs that looks like this:</p>
  
  <pre><code>&lt;div id="con"&gt;
      &lt;div&gt; 1 &lt;/div&gt;
      &lt;div&gt; 2 &lt;/div&gt;
      &lt;div&gt; 3 &lt;/div&gt;
      &lt;div&gt; 4 &lt;/div&gt;
      &lt;div&gt; 5 &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But I want them to flip so that it looks like this:</p>
  
  <pre><code>&lt;div&gt; 5 &lt;/div&gt;
  &lt;div&gt; 4 &lt;/div&gt;
  &lt;div&gt; 3 &lt;/div&gt;
  &lt;div&gt; 2 &lt;/div&gt;
  &lt;div&gt; 1 &lt;/div&gt;
  </code></pre>
  
  <p>So that when a new <code>&lt;div&gt;</code> is added it goes to the end of the list.</p>
  
  <p>How can I do this (or is there a better way of doing this)?</p>