title: How to change the order of 3 of 4 divs randomly on page refresh
body: <p>I have the code below</p>
  
  <pre><code>&lt;div class="allContent"&gt;
      &lt;div class="content"&gt;&lt;/div&gt;
      &lt;div id="headline"&gt;&lt;/div&gt;
      &lt;div class="content"&gt;&lt;/div&gt;
      &lt;div class="content"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      $(".allContent").html($(".allContent .content").sort(function(){
          return Math.random()-0.5;
      }));
  &lt;/script&gt;
  </code></pre>
  
  <p>I've gotten to randomly change the order of the content, but the <code>#headline</code> disappears. I want to keep the <code>#headline</code> in the same position and achieve the same effect. Can someone please help with my code?</p>