BUG ID: 4229189 add a way to get a separator into a select element

STEPS TO TEST: Please describe the steps required to test this bug here.

TEST PASS:This should be a disabled popup menu, since the hr is not selectable.

TEST FAIL:

TEST PASS: You should see a popup menu with the following items: separator, option, separator

TEST FAIL:

TEST PASS: You should see a popup menu with the following items: option, separator, option

TEST FAIL:

TEST PASS: You should see a popup menu with the following items: option, four separators, two options, separator, option.

TEST FAIL:

TEST PASS: You should see a popup menu with the following items: group label, option, separator (incl. in group).

TEST FAIL:

TEST PASS: You should see a popup menu with the following items: separator, group label, option.

TEST FAIL:

TEST PASS: You should see a popup menu with the following items: group label, option, separator, option, separator, option, two separators, (end of group), one option.

TEST FAIL:

TEST PASS: You should see a popup menu with the following items: group label, one option two separators, (end of group), separator, group label, separator, two options, separator, (end of group), option.

TEST FAIL:

TEST PASS: A disabled popup menu - since the optgroup and the hr are not selectable.

TEST FAIL:

TEST PASS: You should see a list box with the following items: 4 options.

TEST FAIL: You should not see any separators in the list box.

TEST PASS: You should see a list box with the following items: one option, group label, 3 options.

TEST FAIL: You should not see any separators in the list box.

TEST PASS: For each of these list boxes, when you change the selection in JavaScript to index 1, the second option should get highlighted

TEST FAIL: "opt 2" does not get highlighted after clicking the button.