title: External JS/jQuery files are loading but not executing
body: <p>I am loading all of the below libraries and files, but for some reasons only the CSS is executing and none of the external js files.  The scripts.js file holds all of my jQuery and it seems to be formatted properly.  I'm not sure why the CSS would execute, but not the jQuery.</p>
  
  <p>In chrome dev tools, everything below is loaded.</p>
  
  <pre><code>&lt;head&gt;
      &lt;!DOCTYPE html&gt;
      &lt;meta charset=utf-8 /&gt;
      &lt;link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}"&gt;
      &lt;link rel="stylesheet" href="{{ url_for('static', filename='css/spectrum.css') }}"&gt;
      &lt;link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans"&gt;
      &lt;script src="http://code.jquery.com/jquery-1.10.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="{{ url_for('static', filename='scripts/spectrum.js') }}"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="{{ url_for('static', filename='scripts/scripts.js') }}"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>This is a portion of the scripts.js file:</p>
  
  <pre><code>$("span.output").draggable({
      stop: function(event, ui) {}
  });
  
  $('input[type=file]').change(
      function() {
          $('#submitbutton').click();
      });
  
  $("#text_submit").submit(
      function(event) {
          $("#text1").html($("#1").val());
          $("#text2").html($("#2").val());
          $("#text3").html($("#3").val());
          $("#text4").html($("#4").val());
          $("#text5").html($("#5").val());
          $("#text6").html($("#6").val());
          $("#text7").html($("#7").val());
          $("#text8").html($("#8").val());
          $("#text9").html($("#9").val());
          $("#text10").html($("#10").val());
          $("#slider1").show();
          $("#slider2").show();
          $("#slider3").show();
          $("#slider4").show();
          $("#slider6").show();
          $("#slider7").show();
          $("#slider8").show();
          $("#slider9").show();
  
          event.preventDefault();
      });
  </code></pre>