title: “Object doesn't support this property or method” error - JQuery .validate method
body: <p>I encountered some problem, I don't know how to solved it. I got “Object doesn't support this property or method” error in using jquery-1.10.4 . The .validate method is not working for me. Please help. </p>
  
  <p>This is my code</p>
  
  <p><strong>login.html</strong></p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="design.css"&gt;
  &lt;script type="text/javascript"&gt;
  &lt;/script&gt;
  &lt;script type="text/javascript" src="jquery-1.11.0.min.js"&gt;&lt;/script&gt;
  &lt;script src="jquery-1.11.0.min.js"&gt;&lt;/script&gt;
  &lt;script src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.min.js"&gt;&lt;/script&gt;
  &lt;script src="loginBouncy.js"&gt;&lt;/script&gt;
  &lt;script src="modal.js"&gt;&lt;/script&gt;
  &lt;script src="validate.js"&gt;&lt;/script&gt;
  &lt;script src="jquery.validate.min"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;div id='mask' class='close_modal'&gt;&lt;/div&gt;
  
  &lt;div id="signup" class='modal_window'&gt;
  
  
  
  &lt;img id="pane1" src="pane1.png"/&gt;
  &lt;p id="label"&gt;SignUp&lt;/p&gt;
  &lt;p id="label1"&gt;Personal&amp;nbsp;Information&lt;/p&gt;
  &lt;p id="label2"&gt;Account&lt;/p&gt;
  &lt;p id="label3"&gt;Verification&lt;/p&gt;
  &lt;hr id="hr1"/&gt;
  &lt;form id="mainform" name="mainform" method="post" action="SignUp2.php"&gt;
  &lt;input type="text" name="data[]" id="fname" name="fname" placeholder="First Name"/&gt;
  &lt;input type="text" name="data[]" id="lname" name="lname" placeholder="Last Name"/&gt;
  &lt;input type="text" name="data[]" id="mname" name="mname" placeholder="M.I."/&gt;
  &lt;input type="text" name="data[]" id="sadd"  name="sadd" placeholder="Street"/&gt;
  &lt;input type="text" name="data[]" id="tadd"  name="tadd" placeholder="Town/City"/&gt;
  &lt;input type="text" name="data[]" id="padd"  name="padd" placeholder="Province/State"/&gt;
  &lt;input type="text" name="data[]" id="user2" name="user2" placeholder="Your Username"/&gt;
  &lt;input type="password" name="data[]" id="pass2" name="pass2" placeholder="Your Password"&gt;
  &lt;input id="captcha" name="captcha" type="text" name="captcha" placeholder="Insert Captcha"&gt;
  &lt;img id="imgcaptcha" src="captcha.php" /&gt;&lt;br&gt;
  &lt;input type="text" name="data[]" id="email" name="email" placeholder="Your Email"/&gt;
  &lt;input type="button" id="btnSignUp"  placeholder="" onclick="error2()"/&gt;
  &lt;/input&gt;
  &lt;/form&gt;
  
  &lt;/div&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>validate.js</strong></p>
  
  <pre><code>$(document).ready(function(){
  $('#signup form').validate({
  rules:{
      name:{
          required:true
      },
      email:{
          required:true,
          email:true
      },
      fname:{
          required:true
      },
      lname:{
          required:true
      },
      fname:{
          required:true
      },
      mname:{
          required:true
      },
      sadd:{
          required:true
      },
      tadd:{
          required:true
      },
      padd:{
          required:true
      },
      pass2:{
          required:true,
          minlength:4
      },
      user2:{
          required:true
      },
      captcha:
      {
          required:true
      },
      success:function(label){
          label.text('OK!').addClass('valid');
      }
      }
  });
  });
  </code></pre>