title: jQuery Validation plugin display success/fail images next to password
body: <p>I am using jQuery form validation using validation plugin.
   I have validate the password with minimum 7 characters and one capital and oe number.at the same time when i meet that the password is valid need to show the correct image near to the textfield. Otherwise wrong image.</p>
  
  <pre><code>jQuery.validator.addMethod('mypassword', function(value, element) {
          return this.optional(element) || (value.match(/[A-Z]/) &amp;&amp; value.match(/[0-9]/));
      },
      'Password must contain at least one capital and one number.');
  
  
      jQuery("#loanRequestDetailsForm").validate({
          ignore: "",
          rules : {
  
          password: {
                  required: true,
                  minlength: 7,
                  mypassword :true
              },
              confirmpassword: {
                  required: true,
                  minlength: 7,
                  equalTo: "#password"
              }
  
  
          },
          messages : {
  
              password : {
                  required:"Please provide a password",
                  minlength:"Your password must be at least 7 characters long"    
              },  
              confirmpassword : {
                  required:"Please provide a password",
                  minlength:"Your password must be at least 7 characters long",
                  equalTo: "Please enter the same password as above"
              }
  
  
          }
      });
  </code></pre>
  
  <p>Any idea to display the image</p>