Uncaught TypeError: Cannot set property 'innerHTML' of null & Some other.

Uncaught TypeError: Cannot set property 'innerHTML' of null & Some other.

Hi There, 

I was hopping you could help me. 

I'm learning Jquery and Java scripts, I have wrote little script which is working fine on local machine, but when I put it on live website it won't work. I'm using business catalyst as my live site.

When I entered my code. It didnt work - I saw this error via inspect element. : " Uncaught TypeError: Cannot set property 'innerHTML' of null " > Onclick  and those two :  Uncaught SyntaxError: Unexpected end of input



Uncaught ReferenceError: calculate is not defined

  2. <script language="javascript">

  4. $ (document) .ready(function() {

  6. });
  7. function calculate() {
  8. A = document.FormOne.One.value
  9. B = document.FormOne.Two.value
  10. C = (A*B)
  12. document.getElementById("display").innerHTML = C + ('M&sup2');
  15. }

  17. </script>
  19. </head>

  21. <body>
  23. <form name="FormOne">
  24. Width:  <input class="num" type="number" name="One"  size="5" value="" /> 
  25. Length:  <input class="num" type="number" name="Two" size="5" value="" />
  26. </form>

  28. <input class="CalBut" type="button" name="button" value="Calculate" onclick="calculate()" /> 

  30. <div id="display"> </div>

  33. </body>

</html>

Any idea what's wrong?  

I do have jquery installed on the site - I have even linked it to the google one.



just that you can have look

Thanks 

Jiri