title: Jquery returns NaN,any idea?
body: <p>HTML code:   </p>
  
  <pre><code>&lt;form id="hostadd" action="addmoney.php?taskid=12" method="post" onSubmit="return false"&gt;
  &lt;input type="hidden" name="mode" value="" /&gt;
  current unit price:$
  &lt;input id="unitprice" name="unitprice"  type="text" size="5" maxlength="6" value= 0.50 /&gt;&amp;nbsp
  Shortfall:&lt;input id="shortfall" type="text"  name="shortfall" size="4" maxlength="6" value=80 /&gt;
  &lt;input id="add_price" type="submit" value="Submit" onclick="Adjust()"/&gt;&lt;/form
  </code></pre>
  
  <p>Jquery code:</p>
  
  <pre><code> function Adjust(){
          $totalprice=parseFloat($('unitprice').val())*parseInt($('shortfall').val());
            alert($totalprice);
  
          };
  </code></pre>
  
  <p>When I test</p>
  
  <pre><code>var unitPrice = $('#unitprice').val();
  alert(unitPrice);
  var shortFall = $('#shortfall').val();
  alert(shortFall);
  </code></pre>
  
  <p>I got two blank alerts.</p>