Bootstrap modal not working in 3.3.6
<p>I have a simple page and a modal. This worked in a (much) older version of bootstrap, but since I upgraded to a newer version, it's "not working" anymore:</p>

<p>The page loads, then turns dark (all ok!), but the modal window does not come up at all and I can (therefor?) also not click out of it...</p>

<p>html of modal:</p>

<pre><code>&lt;div class="modal hide fade" id="myModal"&gt;
  &lt;div class="modal-header" style="background:#f6b33d -moz-linear-gradient(center top , #f6b33d 5%, #d29105 100%) repeat scroll 0 0;"&gt;
    &lt;a class="close" data-dismiss="modal"&gt;×&lt;/a&gt;
    &lt;h3 style="color:#ffffff;"&gt;Please Note:&lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="modal-body"&gt;
    &lt;p&gt;You can put whatever text you want in here... or form or whatever you want..&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>js:</p>

<pre><code>$(window).load(function(){
   setTimeout(function(){
       $('#myModal').modal('show');
   }, 5000);
});
</code></pre>

<p>See <a href="http://codepen.io/Malachi/pen/bpLrPy" rel="nofollow">http://codepen.io/Malachi/pen/bpLrPy</a></p>

<p>What am I missing??</p>