title: Jquery Validation messages
body: <p>I am new to <code>Jquery validation plugin</code>.
  I am trying to display the error message return by the validator below the control , currently it is displaying the error message beside the control to validate.</p>
  
  <p>Any help would be appreciated.</p>
  
  <p>My code below</p>
  
  <pre><code>  &lt;html&gt;
       &lt;head&gt;
          &lt;title&gt;Index&lt;/title&gt;
        &lt;script src="~/Scripts/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
        &lt;script src="~/Scripts/jquery.validate.js"&gt;&lt;/script&gt;
        &lt;script&gt;
          $(document).ready(function () {
              $('form').validate({  
                  rules: {
                      myName: "required",
                      myPassword: "required"
                  },
                  messages: {
                      myName: "Please specify your name",
                      myPassword: "Please specify your password"
                  }
              });
          });
         &lt;/script&gt;
       &lt;/head&gt;
  
       &lt;body&gt;
  
       &lt;form &gt; 
  
  
  
       &lt;label&gt;Username&lt;/label&gt; 
  
       &lt;input type="text" name="myName" id="myName" placeholder="Type your username here..." /&gt;  &lt;br/&gt; 
  
  
  
        &lt;label&gt;Password&lt;/label&gt; 
  
           &lt;input type="text" name="myPassword" id="myPassword" placeholder="Type your password     
       here..." /&gt; &lt;br/&gt; 
  
       &lt;input type="submit" class ="btn btn-primary"&gt;
  
       &lt;button class=""&gt; Clear &lt;br/&gt;&lt;/button&gt;&lt;br/&gt;
  
      &lt;/form&gt; 
  
      &lt;/body&gt;
  
      &lt;/html&gt;
  </code></pre>