title: jquery ajax validation engine not working
body: <p>my jquery validation form is not validate ..here is the code like</p>
  
  <pre><code>    &lt;script type='text/javascript'&gt;
      $(document).ready(function()
      {
  
      $('#frm').validationEngine('validate');
      });
  &lt;/script&gt;
  
  &lt;div id='gap'&gt; &lt;/div&gt;
      &lt;div id='main'&gt;
          &lt;div id='login-box'&gt;
              &lt;h2&gt;&lt;span&gt; ".HD_LOGIN." &lt;/span&gt;&lt;/h2&gt;
              &lt;table align='center'&gt;
              &lt;form id='frm' name='frm' &gt;
                  &lt;tr&gt; 
                      &lt;td class='name'&gt; &lt;span&gt;".LBL_USERNAME." &lt;/span&gt; &lt;/td&gt;
                      &lt;td&gt; &lt;span&gt; &amp;nbsp; &lt;/span&gt; &lt;/td&gt;
                      &lt;td&gt; &lt;input type='text' name='username' id='username' class='input validate[required]'/&gt;&lt;input type='hidden' name='login' value='1' /&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td id='error-show'&gt; &lt;span&gt; &amp;nbsp &lt;/span&gt; &lt;/td&gt; 
                  &lt;/tr&gt;
                  &lt;tr&gt; 
                      &lt;td class='name'&gt; &lt;span&gt;".LBL_PASSWORD."&lt;/span&gt;&lt;/td&gt;
                      &lt;td&gt; &lt;span&gt; &amp;nbsp; &lt;/span&gt; &lt;/td&gt;
                      &lt;td&gt; &lt;input  type='password' name='password' id='password' class='input validate[required]'/&gt;&lt;/td&gt; 
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td id='error-show'&gt;&lt;span&gt; &amp;nbsp; &lt;/span&gt; &lt;/td&gt; 
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt; &lt;span&gt; &amp;nbsp; &lt;/span&gt; &lt;/td&gt;
                      &lt;td&gt; &lt;span&gt; &amp;nbsp; &lt;/span&gt; &lt;/td&gt;
                      &lt;td&gt; &lt;input class='chckbx' type='checkbox' name='rememberme' value='1'/&gt; &lt;span&gt; ".CHCK_LOGGED." &lt;/span&gt; &lt;/td&gt; 
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt; &lt;span&gt; &amp;nbsp &lt;/span&gt; &lt;/td&gt; 
                  &lt;/tr&gt;
                  &lt;tr&gt; 
                      &lt;td colspan='3' align='center'&gt; &lt;input type='button' name='but'  value='login' onclick=\"general_ajax1('modules/login/logincontroller.php',$('#frm').serialize())\"/&gt;&lt;/td&gt; 
                  &lt;/tr&gt;
  
              &lt;/form&gt; 
  </code></pre>
  
  <p>now below is custom ajax</p>
  
  <pre><code>if($("#frm").validationEngine('validate'))
         {
  function general_ajax1(urld,data)
  {
     $.ajax({
          type:'POST',
          url:urld,
          data:data,
          success: function(response){$('#main_content').html(response);}
          });
      }
  }
  </code></pre>