title: Add radio input dynamically to jQuery Mobile fieldset controlgroup
body: <p>I've seen variations on this question but not my specific case on SO, so here goes.</p>
  
  <p>I'm having trouble adding a new radio input dynamically to an existing control group using jQuery Mobile. It will add, but the style is not correct and it doesn't appear to interact with the other inputs correctly.</p>
  
  <p>Here's my fiddle:
  <a href="http://jsfiddle.net/cjindustries/3mQF6/" rel="nofollow">http://jsfiddle.net/cjindustries/3mQF6/</a></p>
  
  <p>Can anyone see what I'm doing wrong? Or is is a case of regenerating the whole fieldset /controlgroup again? :(</p>
  
  <p>Thanks! Code below too...</p>
  
  <pre><code>        &lt;div id="testPage" data-role="page"&gt;
          &lt;div data-role="content"&gt;
      &lt;fieldset data-role="controlgroup"&gt;
          &lt;legend&gt;Radio buttons, vertical controlgroup:&lt;/legend&gt;
              &lt;input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked"&gt;
              &lt;label for="radio-choice-1"&gt;Cat&lt;/label&gt;
              &lt;input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"&gt;
              &lt;label for="radio-choice-2"&gt;Dog&lt;/label&gt;
              &lt;input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"&gt;
              &lt;label for="radio-choice-3"&gt;Hamster&lt;/label&gt;
              &lt;input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"&gt;
              &lt;label for="radio-choice-4"&gt;Lizard&lt;/label&gt;
      &lt;/fieldset&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  $('&lt;input type="radio" name="radio-choice-5" id="radio-choice-5"&gt;&lt;label for="radio-choice-5"&gt;Horse&lt;/label&gt;')
      .appendTo("fieldset");
  
  $("fieldset").trigger('create');
  </code></pre>