title: Showing a previously hidden bootstrap alert
body: <p>This is a simple Bootstrap alert:</p>
  
  <pre><code>&lt;div id="alert_recover_ok" class="alert alert-success hidden"&gt;
      &lt;a class="close" data-dismiss="alert" href="#"&gt;&amp;#x2716;&lt;/a&gt;
      Please check your email for recovery instructions
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see, it is hidden (<em>by classname</em>). Now I'm trying to show it:</p>
  
  <pre><code>$('#alert_recover_ok').fadeIn();
  </code></pre>
  
  <p>Nothing happens... The only solution that seems to be working is:</p>
  
  <pre><code>$('#alert_recover_ok').removeClass('hidden');
  </code></pre>
  
  <p>...but of course, that won't have the nice fade in effect. Any ideas?</p>