Selecting all options from a multiple select on form submit doesn't work

Selecting all options from a multiple select on form submit doesn't work

Hi,

I'm trying the following JSFiddle:
http://jsfiddle.net/a8qaC/1/

My problem is that the values of the second select: "#select2" doesn't get selected on the form submission. It only works well in Chrome 32, but not on Firefox 26 nor Internet Explorer 11

So you can reproduce it as follows:
1) Select all options form the first select (#select1)
2) Press the "add >>" button
3) Deselect all values from the (#select2)
4) Press the "submit form" button

The desired behavior is that all options on #select2 gets selected; however, it only works on Chrome.

What is the problem here?

By the way, I took the code from here:
http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html

And I already tried different things that are discussed there, but I haven't had any success.

Best regards
Josef