title: Use field name variable in JQuery validation rules
body: <p>I am a jquery newbie. I could get the validation rules working in my form. I am using a Java framework and for some reason, when it converts from .xhtml to .html, all the ui component's id/name were prefixed with the form that containing it. I would like to reuse these validation rules for two other forms but because of the prefix issue, I would need to use js variable and pass the formId to the function. For some reason, this gives me a problem:</p>
  
  <hr>
  
  <h2>NOT WORKING</h2>
  
  <pre><code>var positionTitle = "#myForm:positionTitle";
  
  $("#" + formId).validate({
  
    rules:{
          positionTitle : {required:true, maxlength:50},
              ...
  </code></pre>
  
  <hr>
  
  <h2>WORKING</h2>
  
  <pre><code>$("#" + formId).validate({
  
    rules:{
           "#myForm:positionTitle" : {required:true, maxlength:50},
                ...
  </code></pre>