title: Shuffling the DOM
body: <p>I'm using the shuffle script below to randomise the order of some div's on my site.</p>
  
  <p><a href="http://james.padolsey.com/javascript/shuffling-the-dom/" rel="nofollow">http://james.padolsey.com/javascript/shuffling-the-dom/</a></p>
  
  <p>The script works but only randomises the <strong><code>.content div</code></strong>, not <strong><code>.step</code></strong>, so the images get mixed up.</p>
  
  <p>Is there a way to select <em>all</em> the content in <code>.step</code>?</p>
  
  <pre><code>&lt;div class="step"&gt;
  &lt;div class="content"&gt;
    &lt;h2&gt;title&lt;/h2&gt;
    &lt;p&gt;text&lt;/p&gt;
    &lt;a href="#"&gt;link&lt;/a&gt;
  &lt;/div&gt;
  &lt;img src="./images/1.png" /&gt;
  &lt;/div&gt;
  
  $( '.step div' ).shuffle();
  </code></pre>