title: Bootstrap stop Modal showing on page load
body: <p>I only want the Modal to show when I click on a certain button.</p>
  
  <p>At the moment, the Modal shows itself whenever I load the page.</p>
  
  <p>Can someone please tell me where I am going horribly wrong?</p>
  
  <pre><code>&lt;a href="#myModal" role="button" class="btn" data-toggle="modal"&gt;Launch demo modal&lt;/a&gt;
  
  
                  &lt;div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
                      &lt;div class="modal-header"&gt;
                          &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt;
                          &lt;h3 id="myModalLabel"&gt;Modal header&lt;/h3&gt;
                      &lt;/div&gt;
                      &lt;div class="modal-body"&gt;
                          &lt;p&gt;One fine body…&lt;/p&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>I am using ASP.NET MVC 3</p>
  
  <p><strong>EDIT:</strong> I only have the following as the Javascript:</p>
  
  <pre><code> &lt;script&gt;
     $('#myModal').on('show', function() {
  
     });
   &lt;/script&gt;
  </code></pre>
  
  <p>These are my references to CSS and JS:</p>
  
  <pre><code>    &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;title&gt;@ViewBag.Title&lt;/title&gt;
   &lt;script src=@Url.Content("https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js") type="text/javascript"&gt; &lt;/script&gt;
      &lt;script src=@Url.Content("../../Content/lib/bootstrap/js/bootstrap.min.js") type="text/javascript"&gt;&lt;/script&gt;
      &lt;link href=@Url.Content("/Content/lib/bootstrap/css/bootstrap.min.css") rel="stylesheet" type="text/css" /&gt;
      &lt;link href=@Url.Content("/Content/lib/bootstrap/css/bootstrap-responsive.min.css") rel="stylesheet" type="text/css" /&gt;
      &lt;link href=@Url.Content("../../Content/lib/bootstrap/css/bootstrap-combobox.css") rel="stylesheet" type="text/css" /&gt;
      &lt;/head&gt;
  </code></pre>