title: Error in IE11 when trying to show a bootstrap Modal via JavaScript
body: <p>modal.modal('show'); is triggering an error in internet explorer while it is working in all other browsers
  The Error is Object doesn't support property or method 'modal' </p>
  
  <p>Note:This modal is called by more than one button and it needs to be updated every time which is why I am doing the modal reset.</p>
  
  <p>On a side note, why is it that I have to clone the modal twice to do a modal reset? Is there a better way to do the reset?</p>
  
  <pre><code>var original_model = "";
  $(document).ready(function() {
      original_model = $('#my_modal_id').clone();
  })
  
  function show_modal(user_photo) {
  
      //reseting the modal
      $("#my_modal_id").remove();
      var myClone = original_model.clone();
      $("body").append(myClone);
  
      var modal = $("#my_modal_id");
  
      modal.find("#photo").attr("src", user_photo);
  
      // more code to update the modal ...
  
      // Does not work in IE11 : Error : Object doesn't support property or method 'modal'
      modal.modal('show');
  }
  </code></pre>