title: jQuery Mobile radio button (show/hide div)?
body: <p>Is there a simple way to attach an anchor link to radio button or maybe a show/hide div... I currently have to radio option buttons on a page and I would like for the text within a <code>div</code> to change out when the alternate option is select. here is what I'm trying so far. So far no luck</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      .nutwork { display: none; }
  &lt;/style&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){ 
          $("input[name=nutwork]").change(function() {
              var test = $(this).val();
              $(".nutwork").hide();
              $("#"+test).show();
          }); 
      });
  &lt;/script&gt;
      &lt;div data-role="fieldcontain" class="no-field-separator"&gt;
          &lt;div class="center_group"&gt;
           &lt;fieldset data-role="controlgroup" data-type="horizontal"&gt;                  
             &lt;input type="radio" name="nutwork" id="radio1" value="radio1" checked="checked"/&gt;
             &lt;label for="radio1"&gt;
              Item 1
             &lt;/label&gt;
             &lt;input type="radio" name="nutwork" id="radio2" value="radio2"  /&gt;
             &lt;label for="radio2"&gt;
              Item 2
             &lt;/label&gt;
           &lt;/fieldset&gt;
          &lt;/div&gt;
       &lt;/div&gt;
  
  &lt;div id="radio1" class="nutwork"&gt;
  Test
  &lt;/div&gt;
  
  &lt;div id="radio2" class="nutwork"&gt;
  Test item 2
  &lt;/div&gt;
  </code></pre>