title: JS File Not Being Loaded
body: <p>I call this function at the end of my HTML file - its basically just some fancy menu stuff from a tutorial I found online. The javascript (included below) is never called for some reason. I even tried to add an <code>alert()</code> to confirm this and I never see the alert popup so I know its not being called, but the file does exist on my server in that location.</p>
  
  <p>Any thoughts?</p>
  
  <p><code>&lt;script type="text/javasvcript" src="js/filestorage.js" /&gt;</code></p>
  
  <p><strong>filestorage.js</strong></p>
  
  <pre><code>/**
   * On DOMReady initialize page functionality
   */
  $(document).ready(function(){
  
      // Test we load this file
      alert("READY!");
  
      //Add functionality into the menu buttons
      prepareMenu();
  });
  
  /**
   * Prepares the menu buttons for selecting
   * filetypes
   * @return NULL
   */
  function prepareMenu()
  {
      $("#menu li").click(
          function () {
              $("#menu li").each(
                  function(){
                      $(this).removeClass("active");
                  }
              );
              $(this).addClass("active");
              HideFiles($(this).children().html());
          return false;
      });
      //Select the first as default
      $("#menu li:first").click();
  }
  
  
  /**
   * Shows only the selected filetypes
   * @param selector
   * @return bool
   */
  function HideFiles(selector)
  {
      //show all files
      if(selector === "All files")
      {
          $("#files &gt; li").show();
          return true;
      }
      else
      {
          //show only the selected filetype
          $("#files &gt; li").hide();
          $("#files &gt; li." + selector).show();
          return true;
      }
  }
  </code></pre>