jQuery Forum

I have an existing web form that I am trying to make into a multi-step progressive form. The existing form validates correctly using jQuery.validate (https://jqueryvalidation.org/ ) when its stand-alone.

However when I put the form in a popup overlay (http://dev.vast.com/jquery-popup-overlay/ ), I get the error when trying to call the .valid() function in a specific form field.

The error I get is:

Uncaught TypeError: Cannot read property 'element' of undefined

    at HTMLInputElement.<anonymous> (jqueryvalidatemin.ashx:4)

    at Function.each (jquery-1.12.4.min.js:2)

    at n.fn.init.each (jquery-1.12.4.min.js:2)

    at n.fn.init.valid (jqueryvalidatemin.ashx:4) 

It seems that the elements either exist outside of the DOM for jqueryvalidate or that because they are hidden when the page loads, that jqueryvalidate ignored them.

Has anyone had any experience with these kind of issues? Any reccomendations / fixes I should try? I did not attach my source code, as the code pertaining to this form is over 1000 lines, however if there are specific sections of it that I should attach to make this easier to answer that wouldn't be an issue.

Thanks!