title: Jquery Update Not Working
body: <p>I have this script that I have copied to my html file.<br>
  When I run it on fiddle combined with my html, it works.<br>
  But on my site, it doesn't.<br>
  Is this the correct way to include it?:</p>
  
  <pre><code>&lt;!-- SCRIPT TO UPDATE PRICE --&gt;
  &lt;script type="text/javascript&gt;"&gt;
  $('#quantity').change(function(ev){
  var price = $('#quantity').val() * 0.1;
  $('#price').html((price).toFixed(2));
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>This is how I have linked my jquery:</p>
  
  <pre><code>&lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
  &lt;script   src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="sv-se"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;title&gt;ReClam Tryckeri i Uppsala&lt;/title&gt;
  &lt;!-- Bootstrap --&gt;
  &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;nav class="navbar navbar-default"&gt; &lt;!-- Start of navigation menu div --&gt;
  &lt;div class="container"&gt;&lt;!-- 1-Start of container div --&gt;
  &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
  &lt;a class="navbar-brand navbar-right" href="../index.php"&gt;ReClam Tryckeri&lt;/a&gt;
  &lt;div class="navbar-header"&gt;&lt;!-- 2-Start of navbar header div --&gt;
  &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"&gt;
  &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
  &lt;span class="icon-bar"&gt;&lt;/span&gt;
  &lt;span class="icon-bar"&gt;&lt;/span&gt;
  &lt;span class="icon-bar"&gt;&lt;/span&gt;
  &lt;/button&gt;
  
  &lt;/div&gt;&lt;!-- 2-End of navbar header div --&gt;
  
  &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
  &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;&lt;!-- 3-Start of navbar collapse div --&gt;
  &lt;ul class="nav navbar-nav"&gt;
  
  &lt;!-- CHECK IF START PAGE ACTIVE OR NOT AND CREATE LINK  --&gt;
  &lt;li&gt;&lt;a href='../index.php'&gt;Erbjudanden&lt;span class='sr-only'&gt;(nuvarande)&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;!-- &lt;li&gt;&lt;a href="#"&gt;Trycksaker&lt;/a&gt;&lt;/li&gt;  --&gt;
  
  &lt;!-- GET TRYCKSAKER MENU --&gt;
  &lt;!-- CHECK IF DROPDOWN ACTIVE OR NOT --&gt;
  &lt;li class='dropdown active'&gt;&lt;!-- BUILD THE PARENT MENU (STATIC) --&gt;
  &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"&gt;Trycksaker&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
  &lt;ul class="dropdown-menu"&gt;
  &lt;!-- BUILDING THE CHILD ITEMS FROM DATABASE (DYNAMIC) --&gt;
  &lt;li&gt;&lt;a href="trycksaker.php?product_id=1"&gt;Flyers&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="trycksaker.php?product_id=2"&gt;Affischer&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="trycksaker.php?product_id=3"&gt;Foldrar&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="trycksaker.php?product_id=4"&gt;Broschyrer&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="trycksaker.php?product_id=5"&gt;Visitkort&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="trycksaker.php?product_id=6"&gt;Korrkort&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="trycksaker.php?product_id=7"&gt;Visitkort&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;!-- GET SUPPORT MENU --&gt;
  &lt;li class="dropdown"&gt;
  &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"&gt;Support&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
  &lt;ul class="dropdown-menu"&gt;
  &lt;li&gt;&lt;a href="#"&gt;Hur beställer jag?&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Tryckfiler&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Villkor&lt;/a&gt;&lt;/li&gt;
  &lt;li role="separator" class="divider"&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Kontakta oss&lt;/a&gt;&lt;/li&gt;
  &lt;li role="separator" class="divider"&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Om oss&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;&lt;!-- 3-End of navbar collapse div --&gt;
  &lt;/nav&gt;&lt;!-- End of navigation menu div --&gt;&lt;!-- BUILD COLUMN SYSTEM FOR CROSSDEVICE USABILITY --&gt;
  &lt;div class="container"&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-md-1 col-sm-0 col-xs-0"&gt;
  &lt;/div&gt;
  &lt;div class="col-md-6 col-sm-0 col-xs-0"&gt;
  &lt;!-- BUILD PRODUCT INFO FROM DATABASE --&gt;
  &lt;article&gt;
  &lt;h3&gt;Flyers&lt;/h3&gt;
  &lt;hr&gt;&lt;h4 class='text-justify'&gt;Flyers är vår benämning på trycksaker som består av ett plant ark.&lt;/h4&gt;
  &lt;!-- SCRIPT TO UPDATE PRICE --&gt;
  &lt;script type="text/javascript&gt;"&gt;
  $('#quantity').change(function(ev){
      var price = $('#quantity').val() * 0.1;
      $('#price').html((price).toFixed(2));
  });
  &lt;/script&gt;
  &lt;!-- BUILDING THE ATTRIBUTE FORM FOR THE OPTIONS --&gt;
  &lt;hr&gt;
  &lt;form&gt;
  &lt;div class="form-group"&gt;
  &lt;!-- BUILDING THE FIRST OPTION STATIC--&gt;
  &lt;select class="form-control"&gt;
  &lt;option disabled selected value&gt;Välj Format&lt;/option&gt;
  &lt;!-- OPTION 1 BUILDING THE CHILD ITEMS FOR THE ATTRIBUTES (DYNAMIC) --&gt;
  &lt;option&gt;A4&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;210x279mm&lt;/option&gt;
  &lt;option&gt;A5&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;148x210mm&lt;/option&gt;
  &lt;option&gt;A6&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;105x148mm&lt;/option&gt;
  &lt;option&gt;A7&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;74x105mm&lt;/option&gt;
  &lt;option&gt;A8&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;52x74mm&lt;/option&gt;
  &lt;option&gt;Card&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;85x55mm&lt;/option&gt;
  &lt;option&gt;High&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;75x210mm&lt;/option&gt;
  &lt;option&gt;Stand&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;100x210mm&lt;/option&gt;
  &lt;option&gt;Square&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;105x105mm&lt;/option&gt;
  &lt;option&gt;Half&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;105x210mm&lt;/option&gt;
  &lt;option&gt;Long&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;105x297mm&lt;/option&gt;
  &lt;option&gt;Cd&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;120x120mm&lt;/option&gt;
  &lt;option&gt;Box&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;148x148mm&lt;/option&gt;
  &lt;option&gt;Frame&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;160x160mm&lt;/option&gt;
  &lt;option&gt;Dvd&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;183x273mm&lt;/option&gt;
  &lt;option&gt;Full&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;210x210mm&lt;/option&gt;
  &lt;/select&gt;
  &lt;br&gt;
  &lt;!-- BUILDING THE PRINT OPTION STATIC--&gt;
  &lt;select class="form-control"&gt;
  &lt;option disabled selected value&gt;Välj Tryck&lt;/option&gt;
  &lt;!-- PRINT OPTION 1 BUILDING THE CHILD ITEMS FOR THE ATTRIBUTES (DYNAMIC) --&gt;
  &lt;option&gt;4+0&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Ensidigt Färgtryck&lt;/option&gt;
  &lt;option&gt;4+4&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Dubbelsidigt Färgtryck&lt;/option&gt;
  &lt;/select&gt;
  &lt;br&gt;
  &lt;!-- BUILDING THE SECOND OPTION STATIC--&gt;
  &lt;select class="form-control"&gt;
  &lt;option disabled selected value&gt;Välj Pappersvikt&lt;/option&gt;
  &lt;!-- BUILDING THE CHILD ITEMS FOR THE ATTRIBUTES (DYNAMIC) --&gt;
  &lt;option&gt;90g/m²&lt;/option&gt;
  &lt;option&gt;115g/m²&lt;/option&gt;
  &lt;option&gt;135g/m²&lt;/option&gt;
  &lt;option&gt;170g/m²&lt;/option&gt;
  &lt;option&gt;250g/m²&lt;/option&gt;
  &lt;option&gt;350g/m²&lt;/option&gt;
  &lt;/select&gt;
  &lt;br&gt;
  &lt;!-- BUILDING THE THIRD OPTION STATIC--&gt;
  &lt;select class="form-control"&gt;
  &lt;option disabled selected value&gt;Välj Papperstyp&lt;/option&gt;
  &lt;!-- BUILDING THE CHILD ITEMS FOR THE ATTRIBUTES (DYNAMIC) --&gt;
  &lt;option&gt;Silk&lt;/option&gt;
  &lt;option&gt;Gloss&lt;/option&gt;
  &lt;/select&gt;
  &lt;br&gt;
  &lt;!-- BUILDING THE QUANTITY OPTION STATIC--&gt;
  &lt;select class="form-control" id="quantity" name="quantity" &gt;
  &lt;option disabled selected value&gt;Välj Antal&lt;/option&gt;
  &lt;!-- BUILDING THE QUANTITY ATTRIBUTES (DYNAMIC) --&gt;
  &lt;option&gt;250&lt;/option&gt;
  &lt;option&gt;500&lt;/option&gt;
  &lt;option&gt;750&lt;/option&gt;
  &lt;option&gt;1000&lt;/option&gt;
  &lt;option&gt;1500&lt;/option&gt;
  &lt;option&gt;2000&lt;/option&gt;
  &lt;option&gt;2500&lt;/option&gt;
  &lt;option&gt;5000&lt;/option&gt;
  &lt;option&gt;7500&lt;/option&gt;
  &lt;option&gt;10000&lt;/option&gt;
  &lt;option&gt;15000&lt;/option&gt;
  &lt;option&gt;20000&lt;/option&gt;
  &lt;option&gt;25000&lt;/option&gt;
  &lt;/select&gt;
  &lt;br&gt;
  &lt;!-- CREATE THE INPUT FIELD FOR MARKING --&gt;
  &lt;input type="text" class="form-control" placeholder='Märk din order med ett arbetsnamn. Exempelvis "Inbjudan Fredde"'&gt;
  &lt;br&gt;
  &lt;!-- CREATE THE UPLOAD AND ORDER BUTTON --&gt;
  &lt;label class="btn btn-info btn-file"&gt;
  Bifoga Tryckfiler &lt;input type="file" style="display: none;"&gt;&lt;span class="glyphicon glyphicon-upload"&gt;&lt;/span&gt;
  &lt;/label&gt;
  &lt;div style="float: right;"&gt;
  &lt;button class="btn btn-primary"&gt;Lägg i varukorgen &lt;span class="glyphicon glyphicon-shopping-cart"&gt;&lt;/span&gt;&lt;/button&gt;
  &lt;/div&gt;
  &lt;!-- FINISHING THE OPTION FORM --&gt;
  &lt;/div&gt;
  &lt;!-- CREATING THE CHOICE ALERT AREA --&gt;
  &lt;hr&gt;
  &lt;div class="alert alert-warning alert-dismissible" role="alert"&gt;
  &lt;button type="button" class="close" data-dismiss="alert"&gt;&lt;span&gt;×&lt;/span&gt;&lt;/button&gt;
  Priset uppdateras automatiskt när du gjort dina val ovan.
  &lt;/div&gt;
  &lt;div class="alert alert-info" role="alert" id="price" name="price"&gt;&lt;/div&gt;
  
  &lt;!-- CREATING THE PRICE AND IMAGE AREA --&gt;
  &lt;/div&gt;
  &lt;div class="col-md-5 col-sm-12 col-xs-12"&gt;
  &lt;!-- CREATING THE LINK FOR IMAGE --&gt;
  
  &lt;img src='../images/Flyers.jpg' alt="Flyers"&gt;&lt;/div&gt;
  &lt;!-- ADD AN EMPTY DIV RIGHT FOR EMPTY WHITE SPACE ON DESKTOP --&gt;
  &lt;div class="col-md-1 col-sm-0 col-xs-0"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/article&gt;
  &lt;/div&gt;&lt;!-- End Container Div) --&gt;
  &lt;/div&gt;
  &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
  &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>