Deselecting options from a select element in jQuery

Oh boy, yet another IE7 gotcha.

I wrote this piece of jQuery to code to deselect selected option(s) from a select element:

$("[ name = 'selectFieldName' ] option:selected ").attr( 'selected', '' );

Which works fine in Firefox, but then when the QA tested it, it doesn’t work for him and of course he tested in IE7 (which is a good thing).

So googled around a bit, find out this article on jQuery Google Group:

http://groups.google.com/group/jquery-en/browse_thread/thread/af73f2b57473ffb6

So I tweak the code to:

$("[ name = 'selectFieldName' ]").attr('selectedIndex', '-1');

And it works for both FF and IE7.