title: how do I include an external javascript file with bootstrap
body: <p>I'm trying to figure out how to include an external javascript file while I am using the bootstrap framework.  I figure it should be very simple to do but it seems to be giving me fits.</p>
  
  <p>I have <code>scripts/dsc.js</code> that I am trying to load into a <code>&lt;div id="loadedContent"&gt;&lt;/div&gt;</code></p>
  
  <p>The line of code in the JSP file is:</p>
  
  <pre><code>&lt;li&gt;&lt;a href="#" onclick="loadLocation('content/current.jsp');return false;"&gt;View Job (All Runs)&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>in the external javascript file I have this as my simple javascript:</p>
  
  <pre><code>$(function() {
      alert("Hi");
  
      loadlLocation = function(location) {
          $("#includedContent").load(location);
      };
  });
  </code></pre>
  
  <p>I put this in the head declaration:</p>
  
  <pre><code>&lt;script src="scripts/dsc.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I know that the <code>src</code> path is correct because the other includes for the bootstrap scripts work just fine.  The alert located in the <code>dsc.js</code> is not showing up with is pointing me to it not being included.  Now, Bootstrap by default was loaded at the bottom (so I left it there), but I included my javascript file in the head declaration.  Is there something special that I have to do to include javascript files when using Bootstrap?</p>