[jQuery] click() on Hidden Button?
I have a form with a lot of checkboxes. The visible submit button for
the form goes to a specific next page on my site.
If the user clicks a menu item before clicking the visible submit
button on the form, I would like to call a hidden submit button which
I have placed on the page. This hidden submit button is called "Save
my Selection." This hidden submit button submits the data from the
form, and saves the checked/unchecked states of the users checkboxes,
before the user goes to whatever page he or she has selected from the
menu.
Here's my jQuery code for this:
//save selection if user leaves this page
$("ul.nav").click(function(){
$("#Save_My_Selection").click();
});
"ul.nav" contains my menu.
Here's the HTML for the hidden "Save my Selection" button:
<input type="submit" name="mysubmit" id="Save_My_Selection"
value="Save My Selection" />
This code works perfectly on my desktop development system. However,
on my production server, it appears that the jQuery code:
$("#Save_My_Selection").click();
...runs (according to a FireBug breakpoint set on that line), but the
button is never clicked (according to debugging code in my PHP app).
How can I correct this?