jQuery removeAttr('selected') doesn't change the view

Question

I have a multi-select form.

And I am doing the following via jQuery to "unselect" all the options.

$('#select').find('option').attr('selected', false);

Programmatically, it works. However, on the actual page, the option is still highlighted in GREY.

BUT, when I scroll down until that option is not visible and then scroll back up, the grey-highlighting is gone. I'm using Chrome.

I checked it in Firefox, and it works fine. Is this a Chrome bug?

Answer 1

Could also try:

$('#select').find('option').removeAttr('selected');

Answer 2

Try setting it to the default value.

$('#select').val("");