title: Bootstrap jQuery library conflict: Uncaught TypeError: $(...).popover is not a function(…)
body: <p>I am trying to add the popover function to my code, I made it work before using almost this exact same code and lost that progress permanently, now I am unsure of what I did to fix it in the first place. I'm sure it is a simple oversight but I'm bankrupt of ideas.</p>
  
  <p>I get an error in the console "Uncaught TypeError: $(...).popover is not a function(…)"</p>
  
  <pre><code>    &lt;script src="jquery-3.1.1.js"&lt;/script&gt;
      &lt;script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
      (function($){
  
          $(document).ready(function(){
                  $('[data-toggle="popover"]').popover(); 
          });
  
      })(jQuery);
      &lt;/script&gt;
  </code></pre>
  
  <p>In essence, I understand the nature of the problem but am unsure of how to fix it.</p>