title: reorder radio buttons
body: <p>i have a survey that has two radio buttons and when clicked will submit and send to a thank you page and then redirect back to the survey, my question is how do i get the radio buttons to randomize in location but i cant seem to get it to work, is there an issue with my jquery</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
     &lt;head&gt;
        &lt;title&gt;survey&lt;/title&gt;
        &lt;meta charset="utf-8"&gt;
        &lt;link rel="stylesheet" type="text/css" href="test7.css"&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;
     &lt;/head&gt;
   &lt;script&gt;
  var cc-selector = $("#cc-selector");
  
  cc-selector.html(
      cc-selector.find("label").sort(function(){
          return Math.round(Math.random())-0.5;
      })
  );
   &lt;/script&gt;
      &lt;body&gt;
         &lt;div id="wrapper"&gt;
      &lt;header&gt;
  
       &lt;img src="Win.png" alt="Logo" class="Logo"&gt;
  
       &lt;img src="Screw.jpg" alt="screwLogo" class="screwLogo"&gt;
  
  
  
          &lt;h1 class="Survey_Title"&gt;Heath and Wellbeing&lt;/h1&gt;&lt;br&gt;
          &lt;h2 class="Survey_Question"&gt;Did you find the most recent Wellbeing campaign useful?&lt;/h2&gt;&lt;br&gt;
  
  &lt;form action="" method="post"&gt;
  
      &lt;div class="cc-selector"&gt;
       &lt;label&gt;
          &lt;input id="happy" type="radio" name="radAnswer" value="happy" onclick="window.location='test6.html';" /&gt;
          &lt;label class="drinkcard-cc happy" for="happy"&gt;&lt;/label&gt;
          &lt;/label&gt;
  
           &lt;label&gt;
          &lt;input id="sad" type="radio" name="radAnswer" value="sad" onclick="window.location='test6.html';" /&gt;
          &lt;label class="drinkcard-cc sad"for="sad"&gt;&lt;/label&gt;
          &lt;/label&gt;
  
      &lt;/div&gt;
  &lt;/form&gt;
  
  
          &lt;/header&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>