title: changing text of radio button
body: <p>I have a list of radio buttons like this:</p>
  
  <pre><code>&lt;div id="TheOptions"&gt;
    &lt;input type="radio" id="test1" name="mylist"/&gt;option 1
    &lt;input type="radio" id="test2" name="mylist"/&gt;option 2
    &lt;input type="radio" id="test3" name="mylist"/&gt;option 3
    &lt;input type="radio" id="test4" name="mylist"/&gt;option 4
  &lt;/div&gt;
  </code></pre>
  
  <p>When I write</p>
  
  <pre><code>  $('#test1').html('best option');
  </code></pre>
  
  <p>The text is added to the radio button and the current text "option 1" still shows.</p>
  
  <p>How can I change this to make it work?</p>
  
  <p>Thanks.</p>