title: 1000hz bootstrap validator data-toggle="validator" not working
body: <p>I am trying to use the  following validator <a href="http://1000hz.github.io/bootstrap-validator/" rel="nofollow">http://1000hz.github.io/bootstrap-validator/</a> to validate a below form I copied most of the elements from the documentation of the validator plugin and when I press the submit button it always passes with out error.I added "data-toggle="validator" and it says it should automatically validateit.and i also tried to use the script at the bottom. can some one please show me a sample how to use it.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --&gt;
      &lt;title&gt;Bootstrap 101 Template&lt;/title&gt;
  
      &lt;!-- Bootstrap --&gt;
      &lt;link href="dist/css/bootstrap.min.css" rel="stylesheet"&gt;
    &lt;/head&gt;
     &lt;body&gt;
           &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
           &lt;script src="dist/js/bootstrap.min.js"&gt;&lt;/script&gt;
           &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.9.0/validator.min.js"&gt;&lt;/script&gt;
           &lt;h1&gt;Register Below! &lt;/h1&gt;
  
        &lt;form data-toggle="validator" role="form" method="post" class="form-horizontal" name="myForm"&gt;
              &lt;div class="form-group"&gt;
                &lt;label for="inputName" class="col-md-3 control-label"&gt;Name&lt;/label&gt;
              &lt;div class="col-md-6"&gt;
               &lt;input type="text" class="form-control" id="inputName" name="name" placeholder="Username" required /&gt;
             &lt;/div&gt;
            &lt;/div&gt;
  
  
             &lt;div class="form-group"&gt;
              &lt;label for="inputEmail" class="col-md-3 control-label"&gt;Email&lt;/label&gt;
             &lt;div class="col-md-6"&gt;
              &lt;input type="email" class="form-control" id="inputEmail" name="email" placeholder="Email" data-error="Incorrect email address" required&gt;
             &lt;div class="help-block with-errors"&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="inputPassword" class="col-md-3 control-label"&gt;Password&lt;/label&gt;
            &lt;div class="form-group col-sm-6"&gt;
              &lt;input type="password" data-minlength="6" class="form-control" id="inputPassword" name="password" placeholder="Password" required&gt;
            &lt;span class="help-block"&gt;Minimum of 6 characters&lt;/span&gt;
            &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="inputPassword" class="col-md-3 control-label"&gt;Confirm Password&lt;/label&gt;
            &lt;div class="form-group col-sm-6"&gt;
              &lt;input type="password" class="form-control" id="inputPasswordConfirm" data-match="#inputPassword" data-match-error="The password doesnt match" placeholder="Confirm" required&gt;
            &lt;div class="help-block with-errors"&gt;&lt;/div&gt;
           &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
          &lt;div class="col-md-9 col-md-offset-3"&gt;
            &lt;button type="submit" name="submit" class="btn btn-primary"&gt;Register&lt;/button&gt;
         &lt;/div&gt;
      &lt;/div&gt;
     &lt;/form&gt;
  
          &lt;script &gt;
            (document).ready(function() {
             $('#myForm').validator()
               $('#myForm').submit(function (e) {
                   $('#myForm').validator('validate')
                });
             });
  
           &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>