title: External JS file not working in HTML page
body: <p>I'm playing with <code>Bootstrap</code>, but it seems that I cannot make my external <code>js script</code> work.</p>
  
  <p>I loaded at the end of my <code>HTML</code> file the following scripts:</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/js/myscript.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><code>Jquery</code> gets loaded first, and then I call my script which is positioned in the <code>js</code> folder, which is placed in the root directory.</p>
  
  <pre><code>jQuery(function(){
      "use strict";
      $("#services h2").text("Hello World");
  )};
  </code></pre>
  
  <p>If I try this simple code in the HTML page it works, but not in the external file.
  I tried to read other answers but I couldn't figure where the problem resides. Do I need to set up a LAMP environment to make this work?</p>