title: twitter-bootstrap closing alert does not work
body: <p>I can't get it to work. When I click the close button, nothing happens.</p>
  
  <p>here's the code:</p>
  
  <pre><code> &lt;div class=" alert alert-error alert-block" style="width:200px" &gt;
      &lt;button class="close" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;
          &lt;span&gt;errors&lt;/span&gt;            
      &lt;/div&gt;
  </code></pre>
  
  <p>I've reproduced the issue on jsfiddler:  <a href="http://jsfiddle.net/graphicsxp/7L7Nd/">http://jsfiddle.net/graphicsxp/7L7Nd/</a></p>
  
  <p>EDIT</p>
  
  <pre><code>@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "quoteWizard" }))
  {
      &lt;input type="hidden" id="ModelType" value="CarQuoteRequestViewModel" /&gt;
  
  
      ViewBag.ValidationSummaryClass = ViewData.ModelState.IsValid ? "validation-summary-valid" : "validation-summary-errors";
  
      &lt;div class="@ViewBag.ValidationSummaryClass alert alert-error in fade" data-valmsg-summary="true"&gt;
      &lt;button class="close" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;
          &lt;span&gt;Before you can continue, please make sure you have completed the mandatory fields
              highlighted below.&lt;/span&gt;
          &lt;ul style="display: none" /&gt;
      &lt;/div&gt;
  
  
  
      @RenderSection("QuoteSection")
  
      &lt;div class="ui-formwizard-nav"&gt;
          &lt;input id="back" value="@Resource.Global.Previous" type="reset" class="btn btn-primary" /&gt;
          &lt;input id="next" value="@Resource.Global.Next" class="btn btn-primary" type="submit" /&gt;
      &lt;/div&gt;
  }
  </code></pre>