Well I figured out my issue. Turns out, since the growl plugin calls the HTML, the ID was being duplicated and there was no unique identifier for the JS to bind to.
I gave the form a class identifier:
Code:
<form class="mailinglistSubmit" method="get" .....
and then changed the JS to:
Code:
$(document).ready(function() {
$(document).on('submit', '.mailinglistSubmit', function(){
Now there is a new problem! The variables from the form are not being sent into the script properly, in fact, they are not being sent in at all! And my 'message' div is not being populated either. I am assuming these are both due to similar identifier issues. But I dont know the problem. Any takers this time around?