title: Validation plugin files are not working
body: <p>I am doing my form validation with jquery validation plugin. Everything seems fine but its not working. No message appears. Or may be its due to files that I have included.
  files included</p>
  
  <pre><code>&lt;script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery.Validate/1.6/jQuery.Validate.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>here is jquery</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(function($){
          $("#joinform").validate({
                  rules: {
                  firstname: {
                      required: true,
                      maxlength: 30
                  },
                  lastname: {
                      required: true,
                      maxlength: 30
                  },
                  email: {
                      required: true,
                      email: true
                  },
                  password: {
                      required: true,
                      minlength: 6
                  },
                  repassword: { 
                      required: true,
                      equalTo: "#password"
                  }
              },
              messages: {
                  firstname: { 
                      required: "Please enter your firstname",
                      maxlength: "Firstname is too large" 
                  },
                  lastname: { 
                      required: "Please enter your lastname",
                      maxlength: "Lastname is too large" 
                  },
                  email: { 
                      required: "Please enter email address",
                      email: "Please enter the valid email" 
                  },
                  password: {
                      required: "Please provide a password",
                      minlength: "Your password must be at least 6 characters long"
                  },
                  repassword: {
                      required: "Please confirm your password",
                      equalTo:"Passwords should be same"
                 }        
              }
  
  
          });
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>here is html.</p>
  
  <pre><code>&lt;form role="form" name="joinform" id="joinform" action="" method="post"&gt;
          &lt;div class="form-group"&gt;
            &lt;label for="name"&gt;Name: &lt;/label&gt;
            &lt;input type="text" class="form-control" name="firstname" placeholder="First Name" required/&gt;
            &lt;input type="text" class="form-control" name="lastname"   placeholder="Last Name" required/&gt;
          &lt;br/&gt;
  
            &lt;label for="email"&gt;Email: &lt;/label&gt;
            &lt;input type="email" class="form-control" name="email" placeholder="Enter email" required email/&gt;
          &lt;br/&gt;
  
            &lt;label for="pwd"&gt;Password: &lt;/label&gt;
            &lt;input type="password" class="form-control" name="password" placeholder="at least 6 characters long" required/&gt;
  
  
            &lt;label for="repass"&gt;Retype-Password:&lt;/label&gt;
            &lt;input type="password" class="form-control" name="repassword" placeholder="Confirm your password" required/&gt;
        &lt;br/&gt;
  
            &lt;a href="login.php" style="color:#666666; text-decoration:underline; "&gt;Already a member?Login&lt;/a&gt;&lt;br/&gt;
  
     &lt;br/&gt;
     &lt;button type="submit" class="btn btn-default"&gt;Submit&lt;/button&gt;
     &lt;/div&gt;
     &lt;/form&gt;
  </code></pre>