title: show radio button based on the options from select box
body: <p>I have select box and when the options change it shows another select box and it works fine however I want to have radio button show instead of selectbox. Can someone help me out?</p>
  
  <pre><code> .sub{display:none;}
  
   &lt;script type="text/javascript"&gt;
   var $sub = $('select.sub');
   $('select').first().change(function () {    
   $sub.hide();
   if (this.selectedIndex &gt; 0)
     $sub.eq(this.selectedIndex - 1).show();
   }).change();
  &lt;/script&gt;
  
   &lt;select&gt;&lt;--!main select box--!&gt;
   &lt;option value=""&gt;select&lt;/option&gt;
   &lt;option&gt; one&lt;/option&gt;
   &lt;option&gt; two &lt;/option&gt;
   &lt;/select&gt;
  
   &lt;select class="sub"&gt;
   &lt;option&gt; one 1&lt;/option&gt;
   &lt;option&gt; one 2&lt;/option
   &lt;/select&gt;
  
   &lt;select class="sub"&gt;
   &lt;option&gt; two 1&lt;/option&gt;
   &lt;option&gt; two 2&lt;/option&gt;
   &lt;/select&gt;
  </code></pre>
  
  <p>This is what I need instead of the above two selectboxes....</p>
  
  <pre><code>&lt;div class="sub"&gt;
  &lt;input type="radio"&gt;one 1
  &lt;input type="radio"&gt;one 2
  &lt;/div&gt;
  
   &lt;div class="sub"&gt;
  &lt;input type="radio"&gt;two 1
  &lt;input type="radio"&gt;two 2
  &lt;/div&gt;
  </code></pre>