title: Trouble using typeof operator in jQuery
body: <p>This will be the first time on SO I don't preface my question with, "I'm new to programming" (whoops).  I'll get right into it:  </p>
  
  <p>Here's my HTML code:</p>
  
  <pre><code>&lt;div class="hide" id="hide2"&gt;
      &lt;div class="inputselect"&gt;   
      &lt;p&gt;
          &lt;label&gt;What is your budget?&lt;/label&gt;
          &lt;/p&gt;
          &lt;p&gt;
              Minimum: $&lt;input type="text" id="minBud" name='minBud'&gt;&lt;br /&gt;
              Maximum: $&lt;input type="text" id="maxBud" name='maxBud'&gt;&lt;br /&gt;
          &lt;br /&gt;
          &lt;/p&gt;
          &lt;button type="button" class="next" id="next3"&gt;Next&lt;/button&gt;
          &lt;button type="button" class="prev" id="prev2"&gt;Previous&lt;/button&gt; 
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's the jQuery/javascript code snippet I'm struggling with:</p>
  
  <pre><code>$("#next3").click(function(){
      if (typeof $("#minBud").val() === "number" &amp;&amp; typeof $("#maxBud").val() === "number") { 
          gunsPrice();
          $("#hide3").slideDown("fast");
          $("#hide2").slideUp("fast");
      } else {
          alert("Please only enter NUMBERS into the budget fields");
      }
  });
  </code></pre>
  
  <p>What I'd like to see happen is: if the entries the the <code>minBud</code> and <code>maxBud</code> fields are numbers, run <code>gunsPrice()</code> and present the next question (HTML form).  </p>
  
  <p>I've tried altering the syntax several different ways, but no matter how I do it, numbers continue to trigger the <code>alert</code>.</p>
  
  <p><em>Note:</em> I can get the <code>typeof</code> operator to function correctly within <code>gunsPrice()</code> (using variables gathered with <code>getElementById</code>, but that doesn't do me any good within this application; it always moves to the next question (due to the way I've set up the jQuery code).</p>
  
  <p>Thanks!</p>