title: Any way to shuffle content in multiple div elements
body: <p>I'm relatively new to Javascript and was wondering if there's a quick way to shuffle content that is contained in multiple <code>&lt;div&gt;</code> tags.  For example</p>
  
  <pre><code>&lt;div id='d1'&gt;
    &lt;span&gt;alpha&lt;/span&gt;
    &lt;img src='alpha.jpg'&gt;
  &lt;/div&gt;
  &lt;div id='d2'&gt;
    &lt;span&gt;beta&lt;/span&gt;
    &lt;img src='beta.jpg'&gt;
  &lt;/div&gt;
  &lt;div id='d3'&gt;
    &lt;span&gt;gamma&lt;/span&gt;
    &lt;img src='gamma.jpg'&gt;
  &lt;/div&gt;
  
  &lt;button onclick='shuffle_content();'&gt;Shuffle&lt;/button&gt;
  </code></pre>
  
  <p>After clicking on the button, I'd like the content in d1, d2, d3 to change places (for example maybe d3 would be first, then d1, then d2).</p>
  
  <p>A quick way to kind of move things around is to copy the first div element (d1), then put it at the very end (after d3), and then delete the original d1.  But that doesn't really randomize things.  It just makes things go in the cycle (which might be ok).</p>
  
  <p>Any suggestions would be appreciated.  Thanks.</p>