title: twitter bootstrap alert not working
body: <p>I am new to bootstrap. I want an alert box to show upon load. It doesn't. Here is the jsfiddle. What is wrong? Thanks!</p>
  
  <p><a href="http://jsfiddle.net/4XZMb/1207/" rel="nofollow">http://jsfiddle.net/4XZMb/1207/</a></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="hero-unit"&gt;
          &lt;h1&gt;Bootstrap jsFiddle Skeleton&lt;/h1&gt;
          &lt;p&gt;Fork this fiddle to test your Bootstrap stuff.&lt;/p&gt;
          &lt;p&gt;
              &lt;a class="btn btn-primary btn-large" href="http://twitter.github.com/bootstrap/index.html" target="_blank"&gt;
                  Learn more about Bootstrap
              &lt;/a&gt;
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;div id="CanUseIPhoneAppPrompt" title="Please use the iPhone App." class="alert fade"&gt;    
        please try our iphone app                                      
  &lt;/div&gt;
  </code></pre>
  
  <p>and the code:</p>
  
  <pre><code>$(function() {
      $("#CanUseIPhoneAppPrompt").alert();
  });
  </code></pre>