title: Trying to load jquery into tampermonkey script
body: <p>I am writing a script which logs into my college network when the login page is loaded. </p>
  
  <p>The code looks as follows</p>
  
  <pre><code>// ==UserScript==
  // @name       My Fancy New Userscript
  // @namespace  http://use.i.E.your.homepage/
  // @version    0.1
  // @description  enter something useful
  // @match      &lt;College login page&gt;
  // @copyright  2012+, You
  // ==/UserScript==    
  $(document).ready(function() {
  
      var usr=document.getElementsByName("username");
  
      var pass = document.getElementByName("password");
  
      usr.value="usrname";    
      pass.value="password";    
  
      var submitButton = document.querySelector ('input[type="submit"][value="Login"]');
  
      var clickEvent  = document.createEvent ('MouseEvents');
  
      clickEvent.initEvent ('click', true, true);
  
      submitButton.dispatchEvent (clickEvent);
  
      });
  </code></pre>
  
  <p>The console shows a error saying</p>
  
  <pre><code>$ is not defined
  </code></pre>
  
  <p>Can someone tell me what is going on here?</p>