title: Radio button Toggle function
body: <p>I am Trying to work with radio button toggle and I found a almost exact example what I need :</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="myRadioGroup"&gt;
  2 Cars&lt;input type="radio" name="cars" checked="checked" value="twoCarDiv"  /&gt;
  3 Cars&lt;input type="radio" name="cars" value="threeCarDiv" /&gt;
  &lt;div id="twoCarDiv" class="desc"&gt;
      2 Cars Selected
  &lt;/div&gt;
  &lt;div id="threeCarDiv" class="desc"&gt;
      3 Cars Selected
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>js</strong></p>
  
  <pre><code>$(document).ready(function() {
  $("div.desc").hide();
  $("input[name$='cars']").click(function() {
      var test = $(this).val();
      $("div.desc").hide();
      $("#" + test).show();
  });
  });
  </code></pre>
  
  <p>js fiddle link: <a href="http://jsfiddle.net/saifrahu28/XD4kr/" rel="nofollow">http://jsfiddle.net/saifrahu28/XD4kr/</a></p>
  
  <p>In this Example I can make the toggle and shift between the buttons and open their Divs but What I am wanting is that  when the page loads , first div should open with selected with first radio button which is not doing now. then I can switch between them . Is this possible ?</p>