title: Bootstrap Modal not working in IE
body: <p>Bootstrap modal does not seem to be working for in both IE10 and IE11.</p>
  
  <p>Here is my webpage:</p>
  
  <p><a href="http://flevy.com/fiaccabrino-selection-process" rel="nofollow">http://flevy.com/fiaccabrino-selection-process</a></p>
  
  <p>You can scroll to the bottom and click the "View Full Testimonial" buttons to test the modal.  Once you click it, the screen grays out, but no modal pops up. </p>
  
  <p>I tried to research this issue and found a solution recommending to remove the <code>.fade</code> class, but this did not work for me. You can see this code implemented on the page:</p>
  
  <pre class="lang-js prettyprint-override"><code>$(document).ready(function(){
      // fix for bootstrap modal in IE9+
      if($.browser.msie) {
          // if($.browser.version &gt; 9)
          $('.modal').removeClass('fade');
      }
  });
  </code></pre>
  
  
  
  <p>Versions we are using:</p>
  
  <p>Bootstrap CSS: v2.0.0</p>
  
  <p>bootstrap-modal.js: v2.0.4</p>
  
  <p>jQuery: 1.7.1</p>
  
  <p>Please let me know if you need more info.</p>