title: jquery bootstrap model is not a function
body: <p>I am trying to open a bootstrap modal on click. I am using drupal 7 and the latest version of bootstrap. 4.3.1</p>
  
  <p>JS File</p>
  
  <pre><code>jQuery.noConflict();
  (function($){
   $(function() {
    $('#myButton').click(function (e) {
      console.log('button clicked');
      $('#exampleModal').modal('show');
      });
    });
  })(jQuery);
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id='exampleModal'&gt;
  </code></pre>
  
  <p>When i run this I get </p>
  
  <pre><code>"Uncaught TypeError: $(...)modal is not a function
  </code></pre>
  
  <p>How can i successfully open this modal?</p>