title: How To Load Jquery
body: <p>So I have <a href="http://jsfiddle.net/TsxzR/682/" rel="nofollow noreferrer">THIS FIDDLE</a></p>
  
  <p>Which works how I want it to. But, the issue is I can not get it to work on my site. I have </p>
  
  <pre><code>$( ".total" ).change(function hello() { 
     140 Lines of code from fiddle
  }
  </code></pre>
  
  <p><br>in between script tags in my body. <br>
  I have</p>
  
  <pre><code>&lt;script src="/jquery-3.1.1.min.js"&gt;&lt; /script&gt;
  </code></pre>
  
  <p>in my head. I have the jquery downloaded, its in my public_html (godaddy hosting with linux cpanel) and you can see it's on my <a href="http://natecalvert.org/jquery-3.1.1.min.js" rel="nofollow noreferrer">SITE</a> <br> My body tag looks like this</p>
  
  <pre><code>&lt;body onload="hello()"&gt;
  </code></pre>
  
  <p>and my code was literally copied and pasted from the fiddle. With the First Lines of the table looking like this</p>
  
  <pre><code>&lt;label id="printchatbox" &gt;&lt;/label&gt;
  &lt;table&gt;
   &lt;tr&gt;
     &lt;td&gt;
       &lt;input type="number" class="total" name='barrelwrap' value "&lt;?=isset($_POST['barrelwrap']) ? htmlspecialchars($_POST['barrelwrap']) : '' ?&gt;"&gt;
     &lt;/td&gt;
     &lt;td&gt;Barrel Wrap 47"x31" &lt;/td&gt;
     &lt;td id='barrelwrapPrice'&gt;39.38 &lt;/td&gt;
    &lt;tr&gt;
     &lt;td&gt;
      &lt;input type="number" class="total" name="smallcase" value "&lt;?= isset($_POST['smallcase']) ? htmlspecialchars($_POST['smallcase']) : '' ?&gt;"&gt;
     &lt;/td&gt;
     &lt;td&gt;Case Card - Small 4.25"x11" &lt;/td&gt;
     &lt;td id='smallcasePrice'&gt;1.50 &lt;/td&gt;
    &lt;/tr&gt;
  </code></pre>
  
  <p>The first lines of my script, again copies and pasted.</p>
  
  <pre><code>$( ".total" ).change(function hello() {
   var barrelwrapInput = document.getElementsByName('barrelwrap')[0];
   var smallcaseInput = document.getElementsByName('smallcase')[0];
   var mediumcaseInput = document.getElementsByName('mediumcase')[0];
   var largecaseInput = document.getElementsByName('largecase')[0];
   var coolerclingInput = document.getElementsByName('coolercling')[0];
   var poletopperInput = document.getElementsByName('poletopper')[0];
   var smallflyerInput = document.getElementsByName('smallflyer')[0];
   var largerflyerInput = document.getElementsByName('largerflyer')[0];
   var shelftagInput = document.getElementsByName('shelftag')[0];
   var stanchionInput = document.getElementsByName('stanchion')[0];
   var smallwindowInput = document.getElementsByName('smallwindow')[0];
  </code></pre>
  
  <p>Anyone have any idea what i've done wrong?</p>