title: Open-Close Modal issue in Internet Explorer
body: <p>I have a modal window (using bootstrap), with a close button. The modal window opens and closes fine in most browsers. However, in internet explorer, there is a problem.  We can open the modal window fine, and close it fine ... but if we try to open it again, it wont.</p>
  
  <p>Most of the javascript functionality is in bootstrap. Below is the html for the open button [I believe  data-toggle="modal" and data-target="#exampleModal" are the key to opening the window]...</p>
  
  <pre><code>    &lt;a href="javascript:void(0)" id="navdemo" data-toggle="modal" data-target="#exampleModal"&gt;Get The Demo&lt;/a&gt;
  </code></pre>
  
  <p>...and the html for the start of the modal window, with the close button [note the id="exampleModal" tells which window to open. And the data-dismiss tells to close "modal"...</p>
  
  <pre><code>&lt;div class="modal fade show" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="padding-right: 17px; display: block;"&gt;
      &lt;div class="modal-dialog modal-dialog-centered" role="document"&gt;
          &lt;div class="modal-content"&gt;
              &lt;!-- CLOSE BUTTON --&gt;
              &lt;div class="row at-modal-close-box"&gt;
                  &lt;a href="#" data-dismiss="modal" aria-label="Close"&gt;
                      &lt;img src="https://www.amazingdg.com/_dev/temp/images/modal-close-btn.svg" alt="Close Demo Form"&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
      ...
  </code></pre>
  
  <p>You can view the page here:
  <a href="https://www.amazingdg.com/_dev/temp/" rel="nofollow noreferrer">https://www.amazingdg.com/_dev/temp/</a></p>
  
  <p>Note: When I click the open button a second time, there is an error in IE's console ... Object.keys: argument is not an Object. Note: this error doesn't occur the first time opening the modal window. Not sure how to fix it...</p>
  
  <h2>---------------------------------------------------</h2>
  
  <p>I tried to remove the fade class ... that made the modal window show ALL of the hidden elements in the form (required fields, successfully sent message, etc.)</p>
  
  <pre><code>if ($.browser.msie) {
   $("#exampleModal").removeClass("fade");
  }
  </code></pre>
  
  <h2>---------------------------------------------------</h2>
  
  <p>I tried to change the fade transition (not supported by IE) using an IE media query. This removed the fade, but didn't fix the issue.</p>
  
  <pre><code>@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */
      .fade {
          transition:none !important;
      }
  }
  </code></pre>