title: modal-backdrop fade in issue with bootstrap modal
body: <p>I tried this solution: <code>https://stackoverflow.com/questions/22056147/bootstrap-modal-backdrop-remaining</code>
  but no solutions
  I am trying diplay bootstraps modal in my screen first time it comes perfectly second time it comes but with more darker background(error)
  with these two lines
  .</p>
  
  
  
  <p>here is my js </p>
  
  <pre><code>$(".Ok").modal("show");
          $("#alert").on("hidden.bs.modal", function () {
                  $(this).removeClass("Ok");
  
          });
  </code></pre>
  
  <p>note: "Ok" class i am bring dynamically from json data</p>
  
  <p>and after click close button in second modal it display darker overlay background  </p>
  
  <p>it displays this in the html </p>
  
  
  
  <p>here is my html </p>
  
  <pre><code>&lt;div id="alert" class="modal fade {{popupBtn1Txt}}"&gt;
              &lt;div class="modal-dialog"&gt;
                  &lt;div class="modal-content"&gt;
                      &lt;div class="modal-body"&gt;
                          &lt;p&gt;{{popupErrMsg}}&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;div class="modal-footer text-center"&gt;
                          &lt;button type="button" id="btnc" class="btn btn-default" data-dismiss="modal" aria-hidden="true"&gt;{{popupBtn1Txt}}&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>{{popupBtn1Txt}} - >  "Ok" comes dynamically using handlebarjs support with jSON</p>
  
  <p>i don't want the black overlay background</p>