title: Boostrap's modal dialog always displays on refresh even with show set to false
body: <p>I am new to Bootstrap and am having a few issues getting modal dialogs to work correctly. Despite setting show:false, the dialog displays every time the page is refreshed.</p>
  
  <p>Here’s a fiddle showing the issue: <a href="http://jsfiddle.net/rboarman/kn8wh/3/" rel="nofollow">Fiddle</a></p>
  
  <p>Code:</p>
  
  <pre><code>&lt;a class="btn" data-toggle="modal" href="#modalwrapper" &gt;Log On&lt;/a&gt;
  
  
  &lt;div class="modal" id="modalwrapper"&gt;
      &lt;div class="modal-header"&gt;
          &lt;a class="close" data-dismiss="modal"&gt;×&lt;/a&gt;
          &lt;h2&gt;Log On&lt;/h2&gt;
      &lt;/div&gt;
  
      &lt;div class="modal-body span7"&gt;    
        Body
      &lt;/div&gt;
  
      &lt;div class="modal-footer"&gt;
          &lt;a href="#" class="btn"&gt;Close&lt;/a&gt;
          &lt;a href="#" class="btn btn-primary"&gt;Save changes&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  $(function () {
      $('#modalwrapper').modal({
          backdrop: true,
          keyboard: true,
          show: false
      });
  });
  </code></pre>
  
  <p>I have verified that the .modal call is being executed.</p>
  
  <p>What am I doing wrong? Adding a display:none style addresses the issue but that is not the point.</p>