title: How to disable clicking out of pop-up to exit?
body: <p>I created this pop-up box on my website:</p>
  
  <p><img src="https://i.stack.imgur.com/GeihV.png" alt="enter image description here"></p>
  
  <p>with the following code:</p>
  
  <pre><code>&lt;div class="modal custom fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
  &lt;div class="modal-dialog"&gt;
      &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
              &lt;button type="button" class="close" data-dismiss="modal"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;span class="sr-only"&gt;Close&lt;/span&gt;&lt;/button&gt;
              &lt;h4 class="modal-title" id="myModalLabel"&gt;Upload a Meme&lt;/h4&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
              &lt;div class="input-group"&gt;
                  &lt;input type="text" class="form-control" placeholder="Url: http://" id="urlInput"&gt;
                  &lt;input type="text" class="form-control" placeholder="Title" id="titleInput"&gt;
                  &lt;input id="saveComments" type="text" class="form-control" placeholder="Comments"&gt;
                  &lt;input type="text" class="form-control" placeholder="Tags" id="tagInput"&gt;
              &lt;/div&gt;
              &lt;br&gt;
              &lt;h4&gt;&amp;nbsp;Rate It:&lt;/h4&gt;
              &lt;div class="rating pull-left"&gt;
                  &lt;input type="radio" id="stars5" name="rating" value="5" /&gt;&lt;label for="stars5" title="Rocks!"&gt;5 stars&lt;/label&gt;
                  &lt;input type="radio" id="stars4" name="rating" value="4" /&gt;&lt;label for="stars4" title="Pretty good"&gt;4 stars&lt;/label&gt;
                  &lt;input type="radio" id="stars3" name="rating" value="3" /&gt;&lt;label for="stars3" title="Meh"&gt;3 stars&lt;/label&gt;
                  &lt;input type="radio" id="stars2" name="rating" value="2" /&gt;&lt;label for="stars2" title="Kinda bad"&gt;2 stars&lt;/label&gt;
                  &lt;input type="radio" id="stars1" name="rating" value="1" /&gt;&lt;label for="stars1" title="Sucks big time"&gt;1 star&lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="modal-footer"&gt;
              &lt;button type="button" class="btn btn-default cancel" data-dismiss="modal"&gt;Cancel&lt;/button&gt;
              &lt;button type="button" class="btn btn-default submit" id="saveSubmit"&gt;&lt;b&gt;Submit&lt;/b&gt;&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I have a cancel button and a submit button. The cancel button exits the pop-up but a user can also click outside the Upload window to exit.</p>
  
  <p>How can I prevent clicking outside the box to exit?</p>
  
  <p>Thanks</p>