title: Bootstrap modal not working on Firefox
body: <p>I have created two modals using Bootstrap and those are opening using jQuery with Ajax requested data. The problem is these modals are working properly on Google Chrome, but not working on Firefox. How do I fix it?</p>
  
  <p>My code is below:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).on("click", "#file_popup", function() {
    $.ajax({
      url: "fileshare.php",
      method: "post",
      dataType: 'text',
      success: function(data) {
        $("#tbl_content").html(data);
        jQuery.noConflict();
        $("#pp_filedownload").modal('show');
      }
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div class="modal fade" id="pp_filedownload" role="dialog" hidden="true"&gt;
    &lt;div class="modal-dialog modal-lg"&gt;
      &lt;div class="modal-content" style=""&gt;
        &lt;div class="modal-header"&gt;
          &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
          &lt;strong class="modal-title"&gt;File Download&lt;/strong&gt;
        &lt;/div&gt;
        &lt;div class="modal-body" id='tbl_content'&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>