title: Bootstrap pop-over not loading ReferenceError: jQuery is not defined
body: <p>I've been trying for ages a bunch of various solutions but I can't work out why my bootstrap popups arent working. </p>
  
  <p>I'm getting a:
   ReferenceError: $ is not defined
  for </p>
  
  <pre><code>$(function ()
  </code></pre>
  
  <p>This is my button I want to hover over to show popup:</p>
  
  <pre><code>&lt;div class="span3 offset2"&gt;
      &lt;a `href="http://automationrecruitment.com.au/apply/"&gt;
          &lt;button 
              class="btn btn-large btn-block btn-primary" 
              id="lefty" 
              rel="popover" 
              data-content="this is the content to show" 
              style="min-width:116px; margin:5px;" &gt;
                  Apply
          &lt;/button&gt;
      &lt;/a&gt;
  </code></pre>
  
  <p></p>
  
  <p>This is the scripts I have attached:</p>
  
  <pre><code>&lt;script language="JavaScript" type="text/javascript" src="css/bootstrap/js/jquery-1.8.3.min.js"&gt;&lt;/script&gt;  
  &lt;script type="text/javascript" src="/css/bootstrap/js/bootstrap-popover.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/css/bootstrap/js/bootstrap-tooltip.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>and this is the function call:    </p>
  
  <pre><code>$(function ()  
  { 
      $("#lefty").popover();  
  });  
  </code></pre>
  
  <p>I have other bootstrap j.s attached too if you think they may conflict</p>