title: reorder radio button list
body: <p>I have the below radio button list which is based on a multiple choice question, the information in the list will be added by a non technical user, I would like to know is there a method that i can use so the the list can be suffeled, each time the page has been loaded</p>
  
  <pre><code>&lt;fieldset id="question1"&gt;
          &lt;div id="scenario"&gt;
              QUESTION
          &lt;/div&gt;
          &lt;br/&gt;&lt;br/&gt;
          &lt;div&gt;
              Please select the correct answer: 
          &lt;/div&gt;
          &lt;label&gt;
              &lt;input type="radio" name="q1" value="correct"&gt; ANSWER ONE&lt;/input&gt;
          &lt;/label&gt;
          &lt;br/&gt;
          &lt;label&gt;
              &lt;input type="radio" name="q1" value="wrong"&gt; ANSWER TWO&lt;/input&gt;
          &lt;/label&gt;
          &lt;br/&gt;
          &lt;label&gt;
              &lt;input type="radio" name="q1" value="wrong"&gt; ANSWER THREE&lt;/input&gt;
          &lt;/label&gt;
          &lt;br/&gt;
          &lt;br/&gt;
          &lt;div id="result"&gt;&lt;/div&gt;
          &lt;br/&gt;&lt;br/&gt;
          &lt;button type="button" id="answer" class="check" onclick="mark();" &gt;Submit&lt;/button&gt;
      &lt;/fieldset&gt;
  </code></pre>