title: Modal Hide Doesn't Work In Bootstrap 4
body: <p>I have problem with hiding modal in bootstrap 4. 
  In my tmp function I have to close modal after that I need use method update_table(url) </p>
  
  <h2>HTML and JS</h2>
  
  <pre><code>&lt;div class="modal" id="Modal" tabindex="-1" role="dialog"&gt;&lt;/div&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
          integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
          crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
          integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
          crossorigin="anonymous"&gt;&lt;/script&gt;
  
  
  &lt;script type="text/javascript"&gt;
      function abrir_modal(url) {
          $('#Modal').load(url, function () {
              $(this).modal('show');
          });
          return false;
      }
  
      function tmp(url) {
  
          $('#Modal').on('shown.bs.modal', function (e) {
              $("#Modal").modal('hide');
          })
              update_table(url);
  
  
      }
  
      function update_table(url) {
          $.ajax({
              type: "GET",
              url: url
          })
              .done(function () {
                  refresh_table();
              });
      }
  
      function refresh_table() {
          $.ajax({
              type: "GET",
              url: "{% url 'Project:Task_Schedule_TableView' %}"
          })
              .done(function (response) {
                  $("#_appendHere").load("{% url 'Project:Task_Schedule_TableView' %}" + "#_appendHere");
              });
      };
  function hide_modal() {
      console.log($('#Modal').modal('name'))
      $('#Modal').modal('hide');
      console.log(33)
      return false;
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>I don't know what is wrong but when I try use the <code>hide_modal</code> function instead of the tmp function, modal is hidden.</p>