title: Form does not work after clicking close button of bootstrap alert
body: <p>Im facing a really strange problem here. I use bootstrap for some of my tooltips alerts etc. Now I have a ajax form that responds error messages in a alert if something is wrong. This all works fine but when i click the "close" button of the alert box the alert dissapears but then the form submit button does not work anymore? I dont know why it's behaviour is like this can someone help me out?</p>
  
  <p>Also, when i do not close the alert, then when I enter new data and click on submit it does submit. Only after closing alert form does not submit anymore</p>
  
  <p>Form (with error div)</p>
  
  <pre><code>&lt;!-- ERROR BOX --&gt;
  &lt;div id="regError" class="alert alert-error" style="margin-right: 20px; display: none;"&gt;&lt;/div&gt;
  &lt;!-- ERROR BOX --&gt;
  &lt;form id="registerform" action="ajax/register.php" method="post"&gt;
      &lt;fieldset&gt; &lt;span class="help-block"&gt;&lt;B&gt;Jou gegevens&lt;/B&gt;&lt;/span&gt;
  
          &lt;input name="username" class="span4" type="text" value="Gebruikersnaam" onblur="onBlur(this)" onfocus="onFocus(this)" placeholder="Gebruikersnaam"&gt;
          &lt;input name="email" class="span4" type="text" value="Email adres" onblur="onBlur(this)" onfocus="onFocus(this)" placeholder="Email adres"&gt;
          &lt;input class="span4" type="text" value="Email adres (opnieuw)" onblur="onBlur(this)" onfocus="onFocus(this)" placeholder="Email adres (opnieuw)"&gt;
          &lt;input class="span4" type="text" value="Wachtwoord" onblur="onBlur(this)" onfocus="onFocus(this)" placeholder="wachtwoord"&gt;
      &lt;/fieldset&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>  &lt;button type="submit" class="btn btn-primary" &gt;Save changes&lt;/button&gt;
    &lt;button type="button" class="btn"&gt;Cancel&lt;/button&gt;
  </code></pre>
  
  <p></p>
  
  <p>javascript ajax call</p>
  
  <pre><code>$(document).ready(function () {
      $("#registerform").submit(function () {
  
          //Get al form data This = form and EL is element of the form
          var el = $(this),
  
              // get form action and method attribute
              url = el.attr('action'),
              type = el.attr('method'),
  
              // emty data array to fill with form data
              data = {}
  
              // The loop to get al form data
          el.find('[name]').each(function (index, value) {
  
              var el = $(this)
              name = el.attr('name'),
                  value = el.val();
  
              //make data object
              data[name] = value;
  
          });
  
          //Do the ajax call
          $.ajax({
              type: type,
              url: url,
              data: data,
              success: function (response) {
                  $('#regError').html(response);
                  $('#regError').fadeIn();
              }
          })
  
          return false;
      })
  })
  </code></pre>
  
  <p>the PHP is just to test if it works.. </p>
  
  <pre><code>&lt;?php
  if (isset($_POST)) {
      echo '&lt;button type="button" class="close" data-dismiss="alert"&gt;×&lt;/button&gt;';
      print_r($_POST);
  }
  </code></pre>