title: How to validate input fields with a dot in name using the jquery validation plugin?
body: <p>I'm using <a href="http://jqueryvalidation.org/" rel="noreferrer">this jquery validation plugin</a></p>
  
  <pre><code>&lt;s:textfield cssClass="form-control input-default" name="contest.title" id="title" placeholder="Enter Title"
                               /&gt;
  </code></pre>
  
  <p>Validation doesn't work for this, but if I change the name to <code>title</code> - validation works.</p>
  
  <p>I tried searching, but couldn't find a means to validate fields with a <code>.</code> in their name.</p>
  
  <p>Please help</p>
  
  <p><strong>Update</strong></p>
  
  <p><em>Script</em></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
              jQuery(document).ready(function() {
                  jQuery("#contestform").validate({
                      submitHandler: function(form) {
  //                        return false;  // block the default submit action
                      },
                      rules: {
                          title: {
                              required: true
                          },
                          link: {
                              required: true
                          },
                          startdt: {
                              required: true
                          },
                          enddt: {
                              required: true
                          },
                          descr: {
                              required: true
                          },
                      },
                      messages: {
                          title: "Please enter a title",
                          link: "Please enter the sponser redirection link",
                          startdt: "Please select start date",
                          enddt: "Please select end date",
                          descr: "Please enter description"
                      }
                  });
              });
          &lt;/script&gt;
  </code></pre>
  
  <p><em>Part of the form</em></p>
  
  <pre><code>&lt;form action="" enctype="multipart/form-data" method="post" id="contestform"&gt;
              &lt;s:hidden name="option" value="option"/&gt;
              &lt;s:hidden name="contest.idcontest"/&gt;
              &lt;div class="form-group"&gt;
                  &lt;label for="title"&gt;Title&lt;/label&gt;
                  &lt;s:textfield cssClass="form-control input-default" name="contest.title" id="title" placeholder="Enter Title"
                               /&gt;
              &lt;/div&gt;
  </code></pre>