title: Removing Modal backdrop on a single Modal using jquery
body: <p>I have a single modal that is receiving styling from the global site.css due to having several other modals within partials, and keeping with DRY I want to alter only this one by removing the Modal Fade In class. Currently, my jQuery is ignoring this. </p>
  
  <p>jQuery</p>
  
  <pre><code>if (modal.hasId('#modalBanner')) {
          $('.modal fade in').removeClass('modal fade in ');
      }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>  &lt;div class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" id="modalBanner" role="dialog"&gt;
              &lt;div class="modal-dialog modal-dialog-FullWidth"&gt;
                  &lt;div class="modal-content"&gt;
                      &lt;div class="modal-header" style="text-align: center"&gt;
                      &lt;/div&gt;
                      &lt;div class="modal-body"&gt;
                      &lt;/div&gt;
                      &lt;div class="modal-footer"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>