title: Bootstrap 3 / showing modal doesn't work with the javascript way
body: <p>I use the <a href="http://getbootstrap.com/javascript/#modals">Modal</a> feature from Bootstrap 3.0.</p>
  
  <p>I have this code: </p>
  
  <pre><code>&lt;a data-toggle="modal" href="/myNestedContent" data-target="#myModal"&gt;
    Open the modal containing the content
  &lt;/a&gt;
  
  &lt;div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
  //nested content will be inserted here
  &lt;/div&gt;
  </code></pre>
  
  <p>When I click on the anchor (the link), the whole works => I see the modal with the content.</p>
  
  <p>However, when I use the Javascript way (instead of the link) to show the modal like this:</p>
  
  <pre><code>$('#myModal').modal('show'); 
  </code></pre>
  
  <p>I only see the fade effect without the modal being shown...</p>
  
  <p><strong>When I started by clicking on the link, THEN calling the javascript, it works. (side effect?)</strong></p>
  
  <p><strong>When I started by the javascript way, EVEN the link only shows the fade effect without the modal.</strong></p>
  
  <p>Might it be .. a bug from the <code>modal</code> Javascript method?</p>
  
  <p>For information, the declarations of my scripts that I use are in the right order:</p>
  
  <pre><code>&lt;script src="//code.jquery.com/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="javascripts/jquery.form.min.js"&gt;&lt;/script&gt; 
  &lt;script src="javascripts/bootstrap.min.js"&gt;&lt;/script&gt;
  </code></pre>