title: Can I include JQuery on a page and mix jquery and std javascript in a separate included file?
body: <p>I have a simple problem that I am in search of a solution.  I have a JSP that includes jquery-1.10-2.  I have verified that it is pulling back the correct version in the Chrome console with $.fn.jquery.  I have a script tag in the jsp file that has some jquery functions in it, but I also have included a javascript file that has some regular javascript functions in it as well.  </p>
  
  <p>I've moved a jquery function into the included .js file, but I am now getting a '$ is not defined' error from Chrome.  Am I not able to mix standard javascript and jquery in one file?  For some reason it doesn't appear to be working.</p>
  
  <p>I get this from within Chrome's console:
          <em>Uncaught ReferenceError: $ is not defined</em></p>
  
  <p>amidst all of the POJS in the file, I have put in at the end:</p>
  
  <pre><code>$(function() {
      alert("HELLO!");
  });
  </code></pre>
  
  <p>Simple enough of a test to run when the DOM is ready, yet nothing.  Can anyone chime in here and give me a hint as to what I am doing wrong?</p>
  
  <p>I checked this SO question:  <a href="https://stackoverflow.com/questions/20823215/in-what-ways-can-i-mix-jquery-and-vanilla-javascript">In what ways can I mix jQuery and vanilla JavaScript</a></p>
  
  <p>From what I gleaned, it shouldn't matter?</p>