title: jquery - showing hidden fields based on selected radio button
body: <p>I have several radio inut fields, that have specific values, that, when selected, I'd like to show an input field, so my code is:</p>
  
  <pre><code>        &lt;label for="adult"&gt;Adult&lt;/label&gt;
          &lt;input type="radio" name="type" value="45" /&gt;
          &lt;label&gt;Number&lt;/label&gt;&lt;input type="text" id="dob"  /&gt;
  
          &lt;label for="adult"&gt;Student&lt;/label&gt;
          &lt;input type="radio" name="type" value="5" /&gt;
          &lt;label&gt;D.O.B&lt;/label&gt;&lt;input type="text" id="dob"  /&gt;
  
          &lt;label for="adult"&gt;Child&lt;/label&gt;
          &lt;input type="radio" name="type" value="5" /&gt;
          &lt;label&gt;D.O.B&lt;/label&gt;&lt;input type="text" id="dob"  /&gt;
  </code></pre>
  
  <p>You can see both the <code>Student</code> and the <code>Child</code> button have a <code>D.O.B</code> field. I need this to be hidden and only display if the selected radio is chosen.</p>
  
  <p>My biggest problem, is that both have the same <code>value</code> (this is based on a price, which are the same).</p>
  
  <p>How would I target each specific radio to show the <code>D.O.B</code> field? Could I add a class/id to each and target them that way?</p>
  
  <p>Thanks</p>