title: How to use jquery validation in my registration form
body: <p>I want to do is perform a jquery validation in my entire registration form if someone click the create button.</p>
  
  <p>My problem is after i click the button nothing really happens. Can someone help me with this?</p>
  
  <p>current output: <a href="http://jsfiddle.net/5kcsn/3/" rel="nofollow">http://jsfiddle.net/5kcsn/3/</a></p>
  
  <pre><code>$(document).ready(function () {
      $('#create').click(function () {
          $('form').validate({
              rules: {
                  fname: {
                      minlength: 3,
                      maxlength: 15,
                      required: true
                  },
                  lname: {
                      minlength: 3,
                      maxlength: 15,
                      required: true
                  },
                  email: {
                      required: true,
                      email: true
                  },
                  reemail: {
                      required: true,
                      email: true
                  },
                  password: {
                      minlength: 6,
                      maxlength: 15,
                      required: true
                  },
                  gender: {
                      required: true
                  },
                  month,
                  day,
                  year: {
                      required: true
                  }
              },
              highlight: function (element) {
                  $(element).closest('.form-group').addClass('has-error');
              },
              unhighlight: function (element) {
                  $(element).closest('.form-group').removeClass('has-error');
              },
              errorElement: 'span',
              errorClass: 'help-block',
              errorPlacement: function (error, element) {
                  if (element.parent('.input-group').length) {
                      error.insertAfter(element.parent());
                  } else {
                      error.insertAfter(element);
                  }
              }
          });
      });
  });
  </code></pre>