title: Issues in getting the text field while selecting the radio button
body: <p>Hello guys i have written a code in HTML in which i have two radio button in that i have added a functionality that if i select the second radio button then only the text field show 
  <strong>HTML:</strong></p>
  
  <pre><code>&lt;strong&gt;Location Type:&lt;/strong&gt;
  &lt;input type="radio" name="target" value= "BrowserDownload" checked &gt;BrowseLocal
  &lt;input type="radio" name="target" value="dumpToS3"  &gt; S3Remote 
  
  &lt;br/&gt;
  
  
  &lt;div id="textboxes" style="display: none"&gt;
    &lt;strong&gt;ACCESS_KEY_ID: &lt;/strong&gt;
    &lt;input class="box"  type="text"  hidden="true"/ &gt; &lt;br/&gt;
    &lt;strong&gt;ACCESS_SECRET_KEY: &lt;/strong&gt;
    &lt;input  class="box" type="text" hidden="true"/&gt; &lt;br/&gt;
    &lt;strong&gt;MAIL: &lt;/strong&gt;
    &lt;input  class="box" type="text"  hidden="true"/&gt; &lt;br/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$("input[name='target']").on('change',function(){
      if($(this).val() == "dumpToS3")
         $('#textboxes').show('slow');
      else
          $('#textboxes').hide();
  });
  </code></pre>
  
  <p><strong>Please Go on this site for live DEMO:</strong><a href="http://jsfiddle.net/Vk24X/254/" rel="nofollow noreferrer">http://jsfiddle.net/Vk24X/254/</a>
  In this when i click on second radio button it should show both the name and text field but its only showing names for the text field please tell me where i'm doing wrong..thnx in advance.</p>