title: form validation with jquery-form-validator
body: <p>the jquery-form-validator plugin doesn't validate..I am used jQuery 1.9.0 (the plugin is tested with that version).</p>
  
  <p>html:</p>
  
  <pre><code> &lt;form id="Form" method="get" action=""&gt;
          &lt;div class="box-1"&gt;
            &lt;label for="name"&gt;CONTACT NAME*&lt;br /&gt;&lt;/label&gt;
            &lt;label for="email"&gt;CONTACT EMAIL ADDRESS*&lt;br /&gt;&lt;/label&gt;
          &lt;label for="tel"&gt;CONTACT PHONE NUMBER&lt;/label&gt;
        &lt;/div&gt;
  
        &lt;div class="box-2"&gt;
          &lt;input id="name" name="name" type="text" /&gt;&lt;br /&gt;
          &lt;input id="email" name="email" type="text" /&gt;&lt;br /&gt;
          &lt;input id="tel" name="tel" type="tel"/&gt;&lt;br /&gt;&lt;br /&gt;
          &lt;input class="submit" type="submit" value="SEND" /&gt;
       &lt;/div&gt;
       &lt;/form&gt;
  </code></pre>
  
  <p>here the javascript I putted in the head tags (with script src to plugin and jquery of course):</p>
  
  <p>javascript:</p>
  
  <pre><code>   &lt;script&gt;
      $.validator.setDefaults({
                submitHandler: function() { alert("submitted!"); }
              });
              $().ready(function() {
                  $("#Form").validate({
                      rules: {
                          name: "required",
                          email: "required"
                      },
                      messages: {
                          name: "Please enter your name",
                          email: "Please enter your email";
                      }
              }); 
      &lt;/script&gt;
  </code></pre>
  
  <p>what is wrong?</p>