title: Send to Content Based on Age (XX) Entered Into Input?
body: <p>Right now, I have 2 links that direct the user to 2 different groups of content depending on the links they clicked.  The 2 links are:</p>
  
  <pre><code>&lt;a id="q1_one" class="a1" href="javascript:void(0)"&gt;I am between ages 25 and 30&lt;/a&gt;
  &lt;a id="q1_two" class="a2" href="javascript:void(0)"&gt;I am between ages 31-50&lt;/a&gt;
  </code></pre>
  
  <p>and the content they are directed to are:</p>
  
  <pre><code>&lt;div class="if_one"&gt;
      &lt;p&gt;This content will display if the user entered ages ages 25-30&lt;/p&gt;    
      &lt;p&gt;The user is &lt;strong&gt;XX&lt;/strong&gt; years old.&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="if_two"&gt;
      &lt;p&gt;This content will display if the user entered ages ages 31-50&lt;/p&gt;    
      &lt;p&gt;The user is &lt;strong&gt;XX&lt;/strong&gt; years old.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the javascript that makes it work: </p>
  
  <pre><code>$(document).on('click', '.a1', function (e) {
          e.preventDefault();
          $('.a1, .a2').hide();
          $('.if_one').show();
      });
  
  $(document).on('click', '.a2', function (e) {
          e.preventDefault();
          $('.a1, .a2').hide();
          $('.if_two').show();
      });
  </code></pre>
  
  <p>I would like to be able to use an <code>&lt;input /&gt;</code> instead of the 2 anchors.. that way if the user enters the ages 25, 26, 27, 28, 29, 30 it will send to the first group of content, and it will do the same for 31, 32, 33, 34, etc. for the 2nd group of content.</p>
  
  <p>I am also trying to display the age they entered where you see XX in the code. Here is a <a href="http://jsfiddle.net/8z2PS/" rel="nofollow">JSFiddle</a></p>