title: How to replace the label of select with its value?
body: <p>HTML: </p>
  
  <pre><code>&lt;input type="radio" name="timeformat" id="timeformat-a" value="am/pm" checked="checked" /&gt; &lt;b&gt;am/pm&lt;/b&gt; 
  &lt;input type="radio" name="timeformat" id="timeformat-b" value="24 hours" /&gt; &lt;b&gt;24 hours&lt;/b&gt;
          &lt;select id="default-start-time" class="select check-list"&gt;
               &lt;option value="" label="--Select--"&gt;--Select--&lt;/option&gt;
               &lt;option value="00:00" label="12:00 AM"&gt;12:00 AM&lt;/option&gt;
               &lt;option value="00:30" label="12:30 AM"&gt;12:30 AM&lt;/option&gt;
               &lt;option value="01:00" label="01:00 AM"&gt;01:00 AM&lt;/option&gt;
               &lt;option value="01:30" label="01:30 AM"&gt;01:30 AM&lt;/option&gt;
               &lt;option value="02:00" label="02:00 AM" selected&gt;02:00 AM&lt;/option&gt;
               &lt;option value="02:30" label="02:30 AM"&gt;02:30 AM&lt;/option&gt;
          &lt;/select&gt;
  </code></pre>
  
  <p>When i choose the 24 hours format the option values should display.</p>
  
  <p>jquery:</p>
  
  <pre><code>$("input[name='timeformat']").click(function() {
        if($(this).val()=='24 hours')
        {
           // code which replaces label with the option value       
        }
    });
  </code></pre>
  
  <p>How should the jquery look??</p>