title: How to load jQuery in modal bootstrap 4
body: <p>So I have this code that work well to load 10 extra "article" after click on button that work fin in my page.</p>
  
  <pre><code>$(function(){
      $(".trick-show").slice(0, 10).css('display', 'flex'); // select the first ten
      $("#loadMore").click(function(e){ // click event for load more
          e.preventDefault();
          $(".trick-show:hidden").slice(0, 5).css('display', 'flex'); // select next 5 hidden tricks and show them
          if($(".trick-show:hidden").length === 0){ // check if any hidden tricks still exist
              $("#loadMore").attr('disabled', 'disabled'); // Add disabled on button after the last trick is shown
              alert("It was your last load ! No more tricks to show..."); // alert if there are none left
          }
      });
  });
  </code></pre>
  
  <p>Problem is that when I use the same jQuery code in bootstrap 4 modal. It is changing well the first article display, but it does not do anything when click on button. I was thinking to add a setTimeout or use a show.bs.modal but I dont know exactly where.</p>
  
  <p>Thank you in advance for your help,</p>