cant do Simple jquery Math
<p>im Trying to do a somewhat simple calculation sheet: here is the full html page with script and form elements.</p>

<pre><code>&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;title&gt;Payback Calc&lt;/title&gt;
&lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /&gt;
&lt;script src="http://code.jquery.com/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
&lt;script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"&gt;&lt;/script&gt;
&lt;link rel="stylesheet" href="js/jquery-mobile-fluid960.min.css"&gt;
&lt;script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.2.0/knockout-min.js"&gt;        &lt;/script&gt;
&lt;script&gt;
function getvals(){
var homesq = $('#homesq').val();
var roofcasq = $('#roofcasq').val();
var costpsq = $('#costpsq').val();
var epahcc = $('#epahcc').val();
var narc = $('#narc').val();
var eeshc = $('#eeshc').val();
var cpg = $('#cpg').val();
var galneed = $('#galneed').val();
var pce = $('#pce').val();
var hcc=$('#hcc').val();
var eae=$('#eae').val();
var ees10=$('#ees10').val();
var ees15=$('#ees15').val();
var ees20=$('#ees20').val();
var epbpso=$('#epbpso').val();
var epbcac=$('#epbcac').val();
var eacs=$('#eacs').val();
var ts=$('#ts').val();
var epbop=$('#epbop').val();
var tc=$('#tc').val();


galneed = roofcasq/225;
pce = galneed * cpg;
hcc = homesq * epahcc;
eae = hcc * eeshc;
ees10 = eae * 10;
ees15 = eae * 15;
ees20 = eae * 20;
epbpso = pce / eae;
epbcac = roofcasq * costpsq;
eacs = narc * roofcasq;
ts = eae + eacs;
tc = pce + epbcac;
epbop = tc / ts;
}
 &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div data-role="page" id="page"&gt;
  &lt;div data-role="header"&gt;
    &lt;h1&gt;Header&lt;/h1&gt;
  &lt;/div&gt;
  &lt;div data-role="content"&gt;

&lt;table width="100%" align="center"&gt;
&lt;tr height="100px"  &gt;
&lt;td&gt;&lt;label  for="homesq"&gt;&lt;h2&gt;Home Square Footage:&lt;/h2&gt;&lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="homesq" id="homesq" placeholder="" data-role="none" &gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;label   for="roofcasq"&gt;&lt;h2&gt;Roof Coverage Area in Square Feet:&lt;/h2&gt;&lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="roofcasq" id="roofcasq" placeholder="" data-role="none"data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr &gt;
&lt;td&gt;&lt;label   for="costpsq"&gt;&lt;h2&gt;Cost Per S.F. for Roof Cleaning &amp; Application:&lt;/h2&gt;&lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="costpsq" id="costpsq" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;label  for="epahcc"&gt;&lt;h2&gt;U.S. EPA Average Residential Heating &amp; Cooling Costs:&lt;/h2&gt; &lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input  style="font-size:30px;"type="text" name="epahcc" id="epahcc" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr &gt;
&lt;td &gt;&lt;label  for="narc"&gt;&lt;h2&gt;U.S. National Average for Roof Cleaning:&lt;/h2&gt;&lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="narc" id="narc" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;label  for="eeshc"&gt;&lt;h2&gt;Estimated Energy Savings for Heating &amp; Cooling:&lt;/h2&gt;&lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="eeshc" id="eeshc" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr &gt;
&lt;td &gt;&lt;label  for="cpg"&gt;&lt;h2&gt;Cost Per Gallon for Nansulate Crystal: &lt;/h2&gt;&lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="cpg" id="cpg" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;label  for="galneed"&gt;&lt;h2&gt;Gallons Needed (includes 10% extra for loss):&lt;/h2&gt;&lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="galneed" id="galneed" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;&lt;label  for="pce"&gt;&lt;h2&gt;Product Cost Estimate (does not include shipping):&lt;/h2&gt; &lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="pce" id="pce" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;&lt;label  for="hcc"&gt;&lt;h2&gt;Estimated Annual Heating &amp; Cooling Costs:&lt;/h2&gt; &lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="hcc" id="hcc" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;&lt;label  for="eae"&gt;&lt;h2&gt;Estimated Annual Energy Savings:&lt;/h2&gt; &lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="eae" id="eae" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;&lt;label  for="ees10"&gt;&lt;h2&gt;Estimated Energy Savings Through 10-Year Warranty Period:&lt;/h2&gt; &lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="ees10" id="ees10" placeholder="" data-role="none"&gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;&lt;label  for="ees15"&gt;&lt;h2&gt;Estimated Energy Savings Through 15 Years:&lt;/h2&gt;&lt;p&gt;(Expected lifespan is 10-20 years or more, depending upon climate)&lt;/p&gt;&lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="ees15" id="ees15" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;&lt;label  for="ees20"&gt;&lt;h2&gt;Estimated Energy Savings Through 20-years:&lt;/h2&gt; &lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="ees20" id="ees20" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;&lt;label  for="epbpso"&gt;&lt;h2&gt;Estimated Payback on Product/Savings Only:&lt;/h2&gt; &lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="epbpso" id="epbpso" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;&lt;label  for="epbcac"&gt;&lt;h2&gt;Estimated Roof Cleaning &amp; Application Cost:&lt;/h2&gt; &lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="epbcac" id="epbcac" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;&lt;label  for="eacs"&gt;&lt;h2&gt;Estimated Annual Cleaning Savings:&lt;/h2&gt; &lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="eacs" id="eacs" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;&lt;label  for="ts"&gt;&lt;h2&gt;Total Savings - Annual Energy Savings and Cleaning:&lt;/h2&gt; &lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="ts" id="ts" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;&lt;label  for="epbop"&gt;&lt;h2&gt;Estimated Payback on Product + Annual Cleaning:&lt;/h2&gt; &lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="epbop" id="epbop" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;&lt;label  for="tc"&gt;&lt;h2&gt;Total Cost of Product and Application:&lt;/h2&gt; &lt;/label&gt;&lt;/td&gt;
&lt;td width="25%"&gt;&lt;input style="font-size:30px;" type="text" name="tc" id="tc" placeholder="" data-role="none" &gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;

&lt;/table&gt;
 &lt;a data-role="button" onClick="getvals()"&gt;calculate&lt;/a&gt;
    &lt;a data-role="button" onClick="console()"&gt;calculate&lt;/a&gt;
 &lt;/div&gt;
  &lt;div data-role="footer"&gt;
    &lt;h4&gt;Footer&lt;/h4&gt;

  &lt;/div&gt;
&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>The console shows no error. It's just that the page doesn't do anything.</p>

<p>I'm using the latest version of jQuery mobile.</p>

<p>What am I doing wrong?</p>
