Jquery Validate - IE6/7

Jquery Validate - IE6/7

Hi all,

Hoping someone can help me .... sadly the answer is not just upgrade the browser (though I'd love to).

I have a form that has 2 select lists.  I'm utilising the .clone() function in jquery to move the selected option from one box to the other.  All works well.

The problem comes when the user validation fires and finds that there is a problem in any of the fields in the form.  What then happens is if the user then uses the "move" button the form actually submits the Text of the select box rather than the selected value.

Picture this:

<select ID=selectListTest>
  <option value=1>Dave</option>
  <option value=2>Mark</option>
</select>


Scenerio 1 
Dave has been selected and all from fields are correct.  Form submits without an issue.

Scenerio 2
Dave has been selected and there is an error in the form.  User correct then error and then also selects Mark.

The form submits BUT ... selectListTest submits with a value of 1, Mark.  The 1 for Dave is correct but for some reason following the validation firing any other item moved into that box submits the textual value rather than the option value.

This only happens in IE 6 and 7.  In all other browser the correct values of 1,2 get passed.

Could anyone please help?

Kind regards,
Dave