The issue is a JS error causing problems with the AJAX which utilizes jQuery. There are actually 2 errors. Here is a screenshot of the errors on the page:
The first error is the main problem. Your site is loading jQuery in the footer. This causes a problem because the AJAX requires jQuery to be loaded in order to execute. Because jQuery is loaded in the footer, this means jQuery isn't loaded when the form attempts to execute the AJAX. The solution to this is to enqueue jQuery in the header, rather than the footer.
Typically calling jQuery in the footer is acceptable. But anytime there is any kind of inline jQuery, it must already be loaded for it to work. Currently because of the nature of the AJAX it loads some in line jQuery and because jQuery isn't loaded yet, it causes an error.
The other error is coming from skeleton-key.js and is related to something called tipsy. I don't know what that is. But you'll want to get it fixed because any JS errors can cause problems with form elements that use JS due to the fact the browser will quit executing JS if there is an error.
We do plan on updating Gravity Forms so that the AJAX functionality supports jQuery being loaded in the footer, however it will require refactoring how we implement some functionality so it isn't something we will be introducing until sometime next year due to the core changes required.
Posted 7 years ago on Monday December 19, 2011 | Permalink