title: Bootstrap(v4) Popover $(...).popover is not a function
body: <p>So as the title suggests, I'm having an issue with bootstrap popovers. To be specific I am getting the following error: <code>Uncaught TypeError: $(...).popover is not a function</code>.</p>
  
  <p>I have seen other similar issues and have done the following:</p>
  
  <p>Ensure bootstrap loads after jQuery:</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="/js/dropzone.js"&gt;&lt;/script&gt;
  &lt;script src="/js/bootstrap.js"&gt;&lt;/script&gt;`
  </code></pre>
  
  <p>Attempt $.noConflict:</p>
  
  <pre><code>$.noConflict();
  jQuery(document).ready(function($){
  $('[data-toggle="popover"]').popover(); 
  });
  </code></pre>
  
  <p>Ensure the bootstrap.js contains Popover:</p>
  
  <pre><code>var Popover = function ($) { ... }
  </code></pre>
  
  <p>I am unsure what else to try. Any suggestions would be welcome.<br/>Things which may be important: </p>
  
  <ul>
  <li><p>I am using a templating engine (handlebars) with external scripts loading from layout, and the popover script being on the actual body part.</p></li>
  <li><p>I am using Cloud 9 IDE</p></li>
  </ul>