title: jquery validation at runtime
body: <p>I wanna create a form in js file.</p>
  
  <pre><code>var form = '&lt;form id="formForgetPass" action="#" method="POST" class="form-horizontal"&gt;&lt;div class="form-group" style="margin-bottom: 0px !important;"&gt;&lt;label for="textfield" class="control-label col-sm-2"&gt;E-posta&lt;/label&gt;&lt;div class="col-sm-10"&gt;&lt;input type="text" id="forgetEmail" name="email" class="form-control" /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/form&gt;';
  </code></pre>
  
  <p>And I'm using <a href="http://jqueryvalidation.org/" rel="nofollow">JquerValidation</a></p>
  
  <p>Is it possible that I could control form inputs at run-time? I haven't figured out that.</p>
  
  <p>It did not work properly as below</p>
  
  <pre><code>    $("#formForgetPass").validate({
      rules: {
          email: {
              required: true,
              email: true
          }
      }
  });
  </code></pre>