title: Add a “Don't show this dialog again” checkbox to bootstrap modal
body: <p>As the title states, I'd like to add a checkbox to my modal that, when selected, will stop the modal from popping up. I'd like for the modal to come up every time the page is reloaded, with the option available to the user to make it stop appearing.</p>
  
  <p>My modal:</p>
  
  <pre><code>&lt;div id="myModal" class="modal hide fade"&gt;
      &lt;div class="modal-header"&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
          &lt;h3&gt;Modal header&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;
          &lt;div id="modalText"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
          &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;Close&lt;/button&gt;
          &lt;button class="btn btn-primary"&gt;Save changes&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and my js:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      $(document).ready(function () {
  
          $('.redBox').draggable();
          $('.blueBox').droppable({
              drop: function (event, ui) {
                  var draggable = ui.draggable;
                  var droppable = $(this).attr('id');
                  $(this)
                  $('.modal-body #modalText').append("Assign " + draggable.attr('id').substring(1, 23) + " to " + droppable + "?");
                  $("#myModal").modal('show');
  
              }
          });
      });
  
  &lt;/script&gt;
  </code></pre>