title: JavaScript Calculator not displaying total
body: <p>When I click the calculate button, the total doesn't display and I don't know why. It's supposed to add up all the quantity ticket fields and display the total amount. Instead nothing happens when I click the button "Calculate". Any ideas?
  JavsScript</p>
  
  <pre><code>// JavaScript Document
  $(document).ready(function () {
  
  $('#logo1').animate({
          marginLeft: "350px"
      }, 2000);
  
  
  });
  function displayTotal(){
  
  var beforenoonprice = 6.00; // CHANGE THE PRICE OF THE BEFORE NOON TICKET
  var matineeprice = 8.50; // CHANGE THE PRICE OF THE MATINEE TICKET
  var seniorprice = 9.50; // CHANGE THE PRICE OF THE SENIOR TICKET
  var militaryprice = 9.00; // CHANGE THE PRICE OF THE MILITARY TICKET
  var studentdayprice = 7.50; // CHANGE THE PRICE OF THE STUDENT DAY TICKET
  var seniordayprice = 6.00; // CHANGE THE PRICE OF THE SENIOR DAY TICKET
  var adultprice = 10.50; // CHANGE THE PRICE OF THE ADULT TICKET
  var childprice = 7.50; // CHANGE THE PRICE OF THE CHILD TICKET
  var threeDprice = 3.50; // CHANGE THE PRICE OF THE REGULAR 3D PRICE
  var imaxPrice = 4.50; // CHANGE THE PRICE OF THE IMAX TICKET
  var imax3dPrice = 5.50; // CHANGE THE PRICE OF THE IMAX 3D TICKET
  
  //PRICE CHANGE EDIT ENDS HERE
  
  
  var beforenoon = Number(document.getElementById('beforeNoon').value) || 0;
  var beforenooncost = beforenoon * beforenoonprice;
  var matinee = Number(document.getElementById('matinee').value) || 0;
  var matineecost = matinee * matineeprice;
  var senior = Number(document.getElementById('seniorTicket').value) || 0;
  var seniorcost = senior * seniorprice;
  var Military = Number(document.getElementById('militaryTicket').value) || 0;
  var militarycost = Military * militaryprice;
  var StudentDay = Number(document.getElementById('studentdayTicket').value) || 0;
  var studentdaycost = StudentDay * studentdayprice;
  var seniorDay = Number(document.getElementById('seniordayTicket').value) || 0;
  var seniordaycost = seniorDay * seniordayprice;
  var Adult = Number(document.getElementById('adultTicket').value) || 0;
  var adultcost = Adult * adultprice
  var child = Number(document.getElementById('childTicket').value) || 0;
  var childcost = child * childprice;
  var threeD = Number(document.getElementById('threed').value) || 0;
  var threeDcost = threeD * threeDprice;
  var Imax = Number(document.getElementById('imax').value) || 0;
  var imaxCost = Imax * imaxPrice;
  var Imax3d = Number(document.getElementById('imax3d').value) || 0;
  
  var imax3dCost = Imax3d * imax3dPrice;
  
  var total =   childcost+adultcost+militarycost+seniorcost+studentdaycost+seniordaycost+threeDcost+imaxCost+imax3dCost+beforenooncost+matineecost;
  
  document.getElementById('calculate').innerHTML = total.toFixed(2);
  
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="amc.css"&gt;
  
  
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Ticket Calculator&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div id="logo1"&gt;&lt;img src="logo1.png" width="822" height="59"  alt=""/&gt;&lt;/div&gt;
  &lt;div id="outline"&gt;
  &lt;div id="quantityLabel"&gt;Please enter the quantity of each ticket&lt;/div&gt;
  &lt;div id="ticketFields"&gt;
  &lt;div class="controls controls-row"&gt;
  
   &lt;input type="text" id="beforeNoon" class="input-small" placeholder="Before Noon"&gt;&lt;br&gt;
   &lt;input type="text" id="matinee" class="input-small" placeholder="Matinee"&gt;&lt;br&gt;
  &lt;input type="text" id="adultTicket" class="input-small" placeholder="Adult"&gt;&lt;br&gt;
     &lt;input type="text" id="childTicket" class="input-small" placeholder="Child"&gt;&lt;br&gt;
     &lt;input type="text" id="seniorTicket" class="input-small" placeholder="Senior"&gt;&lt;br&gt;
     &lt;input type="text" id="military" class="input-small" placeholder="Military"&gt;&lt;br&gt;
   &lt;input type="text" id="seniorDayTicket" class="input-small" placeholder="Senior Day"&gt;&lt;br&gt;
   &lt;input type="text" id="studentDayTicket" class="input-small" placeholder="Student Day"&gt;
    &lt;div id="pricingStructure"&gt;
   &lt;div id="beforeNoonPrice"&gt;$6.75&lt;/div&gt;
  &lt;div id="matineePrice"&gt;$9.00&lt;/div&gt;
  &lt;div id="adultPrice"&gt;$10.75&lt;/div&gt;
  &lt;div id="childPrice"&gt;$8.00&lt;/div&gt;
  &lt;div id="seniorPrice"&gt;$9.25&lt;/div&gt;
  &lt;div id="militaryPrice"&gt;$9.25&lt;/div&gt;
  &lt;div id="seniorDayPrice"&gt;$6.75&lt;/div&gt;
  &lt;div id="studentDayPrice"&gt;$8.00&lt;/div&gt;
  &lt;/div&gt;&lt;br&gt;
  
  
    &lt;br&gt;
  &lt;div id="additionalInfo"&gt;
  &lt;div id="please2"&gt;Please enter additional information if needed&lt;/div&gt;
   &lt;input type="text" id="threed" class="input-small" &gt;&lt;div id="reg3d"&gt;How many tickets are regular&lt;b&gt;     3D?&lt;/b&gt;&amp;nbsp;&amp;nbsp;($3.50 additional charge per ticket)&lt;/div&gt;
   &lt;input class="input-small" id="imax" type="text" &gt;&lt;div id="imaxLabel"&gt;How many tickets are      &lt;b&gt;IMAX(NO 3D)?&lt;/b&gt;&amp;nbsp;&amp;nbsp;($4.50 additional charge per
  ticket)&lt;/div&gt;
    &lt;input class="input-small" id="imax3dField" type="text" &gt;&lt;div id="imax3d"&gt;How many tickets are     &lt;b&gt;IMAX 3D?&lt;/b&gt;&amp;nbsp;&amp;nbsp;($5.50 additional charge per ticket)&lt;/div&gt;&lt;br&gt;
  
    &lt;button type="button" id="calculateButton"  onClick="displayTotal()"  class="btn btn-success btn-lg"&gt;Calculate&lt;/button&gt;
     &lt;button type="button" id="clearButton" class="btn btn-danger btn-lg"      onClick="window.location.reload()"&gt;Clear&lt;/button&gt;
     &lt;div id="calculate"&gt;
  
  
    &lt;br&gt;
  
  
   &lt;/div&gt;
   &lt;div id="totalCalculated"&gt;Ticket Total: $ &lt;/div&gt;
   &lt;/div&gt;
  
   &lt;/div&gt;
  
  &lt;/div&gt;
  
  
  &lt;script type="text/javascript" src="jQuery.min.js"&gt;&lt;/script&gt;
    &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;script type="text/javascript" src="amc.js"&gt;&lt;/script&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>