title: jQuery form validation not working with bootstrap
body: <p>Before using bootstrap, my jQuery form validation worked. Now it's not working.
  Help with this problem much appreciated. Thanks! </p>
  
  <p>Here's some of my code...</p>
  
  <p>My form and script call:</p>
  
  <pre><code>&lt;div class="form1"&gt;
              &lt;!-- registration form, which is validated by script bellow --&gt;
              &lt;form class="form-horizontal" role="form" id='registerform'&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label class="control-label col-sm-2" for="email"&gt;Email:&lt;/label&gt;
                      &lt;div class="col-sm-10"&gt;
                          &lt;input type="email" class="form-control" id="email"
                              placeholder="Enter email"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label class="control-label col-sm-2" for="pwd"&gt;Password:&lt;/label&gt;
                      &lt;div class="col-sm-10"&gt;
                          &lt;input type="password" class="form-control" id="pwd"
                              placeholder="Enter password"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label class="control-label col-sm-2" for="pwd"&gt;Confirm
                          Password:&lt;/label&gt;
                      &lt;div class="col-sm-10"&gt;
                          &lt;input type="password" class="form-control" id="pwdcnf"
                              placeholder="Enter password"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="form-group"&gt;
                      &lt;div class="col-sm-offset-2 col-sm-10"&gt;
                          &lt;button type="submit" class="btn btn-default"&gt;Submit&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/form&gt;
              &lt;!-- form validation script --&gt;
              &lt;script type="text/javascript" src="js/formValidation.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>My jQuery:</p>
  
  <pre><code>    $('#registerform').validate({
      rules:{
          errorClass: "error",
          'email':{
              required: true,
              email: true
          },
          'pwd':{
              required: true,
              minlength: 5
          },
          'pwdcnf':{
              required: true,
              minlength: 5,
              equalTo: "#password"
          }
      },
      messages:{
          'pwd':{
              required:"This field is required",
              minlength:"Your password must be at least 5 character long"
          },
          'pwdcnf':{
              required:"This field is required",
              minlength:"Your password must be at least 5 character long",
              equalTo:"Your password does not match"
          }
      }
  });
  </code></pre>
  
  <p>on top: </p>
  
  <pre><code>&lt;meta charset="utf-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;!-- import of bootstrap css and js code --&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/background.css"&gt; &lt;!-- my css --&gt;
  &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"&gt;
  
  &lt;!--these two scripts allow the use of the jQuery form validation plug in.--&gt;
  &lt;!--the form validation script is lower down bellow the registration form --&gt;
  &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>I'm guessing that the bootstrap javascript file is conflicting some how with jQuery and my validation?</p>