I seem to be having a very strange issue. If I try to submit the contact we created using the Canvas theme nothing happens if the JQuery.js script is running on the page. Users can click the submit button, but the form just sits there and does nothing.
The form actions look to be set properly as follows:
<form action="contact-ahlers-roofing.php" method="post" class="nobottommargin">
If we remove the JQuery reference at the bottom of the page everything works as expected and the form submits to the page properly:
<script type="text/javascript" src="http://www.splitsecondmedia.com/ahlers/js/jquery.js"></script>
We looked inside Chrome's Console to see what the scripts are trying to do. If we leave the JQuery script in, no matter where we tell the form to post, it submits to JQuery.js and stops. If we remove the Jquery references we can see everything work properly in console and the page load without issue.
Example that Doesn't work with JQuery:
http://www.splitsecondmedia.com/ahlers/contact-ahlers-roofing.php
Examples without JQuery that works:
http://www.splitsecondmedia.com/ahlers/contact-ahlers-roofing2.php
Again, I am not sure why this is happening. We used Canvas on another project and have not had the issue we are having with this contact form; all forms on that project submit to the php scripts we assign in the form action. Interestingly enough the home page http://www.splitsecondmedia.com/ahlers/ has a "free quote form" on it that we set that form to submit to the contact page via method="post" just like the contact forms above, and it works without issue; right now we just have it going to the page for testing purposes. I cannot for the life of me see why the contact form at the link above isn't working with the JQuery script attached to the page.
Any help would be much appreciated. We obviously cannot have a web site without a working contact form on the Contact Us page.
Thanks in advance for your help!
Joel Harrison