title: Uncaught Reference Error JQuery
body: <p>I have the following JQuery code:   </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          var $containerHeight = $('.container').height();
          if ($containerHeight &lt; 760) {
              $('.footer').css({
                  position: 'static',
                  bottom: 'auto',
                  left: 'auto'
              });
          }
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>And I get the very unhelpful error message: </p>
  
  <blockquote>
    <p>Uncaught ReferenceError: $ is not defined
    (anonymous function)</p>
  </blockquote>
  
  <p>Any ideas where I'm going wrong?</p>