title: JQuery does not work: uncaught type error
body: <p>I have placed the following JQuery script in my HTML site header <strong>just to test if it works</strong>:</p>
  
  <pre><code>//in the header
  &lt;script src="modules/mod_djmenu/assets/js/catimage.js" type="text/javascript"&gt;&lt;/script&gt;
  
  //This is inside the script, it does load according to Chrome Developer Tools
  $(document).ready(function(){
    $("#navbar").hide();
  });
  </code></pre>
  
  <p>navbar does not hide and I get the error (in Chrome Developer Tools):</p>
  
  <blockquote>
    <p>Uncaught TypeError: Object # has no method 'ready'</p>
  </blockquote>
  
  <p>Have I placed the script in the wrong place? I use Joomla for my site btw.</p>
  
  <p>Site: <a href="http://europebathroom.com" rel="nofollow">europebathroom.com</a></p>
  
  <p>Thanks in advance!</p>