title: Bootstrap Modal Background Scrolling Issue
body: <p>When my Bootstrap Modal Window is open, I have been unable to stop background scrolling from the main page. I followed the directions given in this StackOverflow question, but I have been unsuccessful so far: <a href="https://stackoverflow.com/questions/9538868/prevent-body-from-scrolling-when-a-modal-is-opened">Prevent BODY from scrolling when a modal is opened</a></p>
  
  <p>On the left side, near top of this page, after it loads, you will see a button that says "Large Modal". If you click it, it will open a modal window. After its open, if you scroll up and down, you will see the background moving.
  <a href="http://gettinmobile.com/home.html" rel="nofollow noreferrer">http://gettinmobile.com/home.html</a></p>
  
  <p>I have added the CSS as directed in the stackoverflow question I linked to above:</p>
  
  <pre><code>body.modal-open {
      overflow: hidden;
  }
  </code></pre>
  
  <p>I have added the javascript shown on the same stackoverflow question, though I am not sure this is done correctly:</p>
  
  <pre><code>   &lt;script type='text/javascript'&gt;
  
     $("#myModal").on("show", function () {
       $("body").addClass("modal-open");
     }).on("hidden", function () {
       $("body").removeClass("modal-open")
     });
     &lt;/script&gt;
  </code></pre>
  
  <p>Any help would be appreciated, maybe someone can see what I'm doing wrong... thanks!</p>