title: TypeError: validator is undefined in jquery.validate.js
body: <p>I have following form.</p>
  
  <p><a href="https://i.stack.imgur.com/DI8dM.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DI8dM.jpg" alt="enter image description here"></a></p>
  
  <p>once I click that <strong>Go to Next Section</strong> Button I can direct to next section in this form.</p>
  
  <p>Here the <a href="https://bitbucket.org/snippets/Common_Admin/yqx99/add-new-product" rel="nofollow noreferrer">whole code</a> for this view and this the <a href="https://bitbucket.org/snippets/Common_Admin/EEGnX" rel="nofollow noreferrer">Layout file</a> for that view page</p>
  
  <p>But now Once I click I'm not getting any response and I cannot goto next page I'm getting following error.But this error occur in Firefox only , once I change debugging to Chrome this is working.</p>
  
  <blockquote>
    <p>TypeError: validator is undefined file_path/jquery.validate.js</p>
  </blockquote>
  
  <p>this is that error view </p>
  
  <p><strong>Error view 1</strong></p>
  
  <p><a href="https://i.stack.imgur.com/RhW4A.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RhW4A.jpg" alt="enter image description here"></a></p>
  
  <p>once I click above view I can see below view</p>
  
  <p><strong>Error view 2</strong></p>
  
  <p><a href="https://i.stack.imgur.com/BPXmA.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BPXmA.jpg" alt="enter image description here"></a></p>
  
  <p>Bugzilla debugger pointed out following section (<code>[if (validator.settings.rules)]</code>) of <code>jquery.validate.js</code> file has the error</p>
  
  <pre><code>staticRules: function( element ) {
      var rules = {};
      var validator = $.data(element.form, "validator");
      if ( validator.settings.rules ) {
          rules = $.validator.normalizeRule(validator.settings.rules[element.name]) || {};
      }
      return rules;
  },
  </code></pre>