title: Twitter Bootstrap Modal does not appear
body: <p>Any modal that I am creating using twitter bootstrap fails to appear. I'm not sure what I'm doing wrong seeing that I set up a test modal using the code that bootstrap provides and it still doesn't work.</p>
  
  <p>Here is my code (body only):
  You need to link to bootstrap.js, bootstrap-modal.js, jquery.js, and bootstrap.css</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="modal hide" id="myModal"&gt;
          &lt;div class="modal-header"&gt;
              &lt;button type="button" class="close" data-dismiss="modal"&gt;
                  &amp;times;
              &lt;/button&gt;
              &lt;h3&gt;Modal header&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
              &lt;p&gt;
                  Modal body would go here...
              &lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="modal-footer"&gt;
              &lt;a href="#" class="btn" data-dismiss="modal"&gt;Close&lt;/a&gt;
              &lt;a href="#" class="btn btn-primary"&gt;Save changes&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;a data-toggle="modal" href="#myModal"&gt;Show Modal&lt;/a&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>And here are links to the bootstrap package and jquery that a bootstrap modal needs:
  <a href="http://twitter.github.com/bootstrap/index.html" rel="nofollow">bootstrap package</a>
  <a href="http://code.jquery.com/jquery-1.7.2.js" rel="nofollow">jquery</a></p>