title: jQuery Mobile, show/hide checkbox/radio and update displayed inputs
body: <p>I'm trying to dynamically add and remove inputs from a checkbox group. The example below works, but when the input is removed I don't get rounded edges anymore on the last input item. It just cuts off. I thought running a checkboxradio('refresh') would rectify the issues, but it hasn't. Any ideas?</p>
  
  <pre><code>if(some condition) {
    $('.hideThis').hide();
    $('[name=values]').checkboxradio('refresh');
  } else {
      $('.hideThis').show();
      $('[name=values]').checkboxradio('refresh');
  }
  
  &lt;div data-role="fieldcontain"&gt;
      &lt;fieldset data-role="controlgroup"&gt;
          &lt;input type="checkbox" name="values" id="val1" value="val1"&gt;
          &lt;label for="val1"&gt;Value 1&lt;/label&gt;
          &lt;input type="checkbox" name="values" id="val2" value="val2"&gt;
          &lt;label for="val2"&gt;Value 2&lt;/label&gt;
          &lt;div class="hideThis"&gt;
              &lt;input type="checkbox" name="values" id="val3" value="val3"&gt;
              &lt;label for="val3"&gt;Value 3&lt;/label&gt;
          &lt;/div&gt;
      &lt;/fieldset&gt;
  &lt;/div&gt;
  </code></pre>