I am trying to get the jQuery UI datepicker to submit a form when I click on one of the days in the datepicker.

I can get the datepicker to appear as expected and, if I click on the explicit submit button I have added the post method gets called. However I can't get onSelect to submit the form. I seem to be doing what is described in examples I can find on Google.

Can anyone here see the (probably obvious) error?

The javascript code in the headers is:-

jQuery(function() { jQuery( "#xvpicker" ).datepicker({ onSelect: function (dateText, inst) { jQuery(this).parent('form').submit(); alert("onSelect()");}, dateFormat: "dd/mm/yy"}); });

... and the HTML form is:-

<FORM METHOD=post ACTION="form.php" ID="xyzform" accept-charset="utf-8" enctype="multipart/form-data" >

<p>Date: <input type="text" name="xvdate" id="xvpicker"><input type="submit" name="xvsubm"></p>

</FORM>

Oh, and the alert message *does* pop up when I click on a day in the date picker. So the onSelect: code is executing, it's just that the submit() call doesn't seem to be submitting the form. I have tried using the form ID instead, i.e. jQuery('#xyzform').submit() but this doesn't work either.