title: $(...).popover is not a function
body: <p>I have looked through quite a few posts on here dealing with this issue, but none of them seem to solve my problem.</p>
  
  <p>I have imported the jQuery and Bootstrap js files in the right order. Things such as bootstrap panels are working perfectly fine for me.</p>
  
  <p>My script imports are like this:</p>
  
  <pre><code>   &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
     &lt;script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"&gt;&lt;/script&gt;
     &lt;link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"&gt;
  </code></pre>
  
  <p>However, when I try</p>
  
  <pre><code> $('[data-toggle="popover"]').popover();
  </code></pre>
  
  <p>I get the following message in the Chrome console:</p>
  
  <pre><code> Uncaught TypeError: $(...).popover is not a function
  </code></pre>
  
  <p>At first I thought maybe popover was not being included in CDN's copy, so I went ahead and downloaded a local copy with all the plugins included from here:</p>
  
  <pre><code>http://getbootstrap.com/customize/
  </code></pre>
  
  <p>and got the same error message (re-pointed the script tags towards the local js file).</p>
  
  <p>Doing a search for "popover" the bootstrap.min.js file:</p>
  
  <pre><code>http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js
  </code></pre>
  
  <p>Shows that popover is included in the file.</p>