Скрытие элементов option в select списке с помощью jquery

Задача: скрыть <option> элементы внутри <select> списка.

Самый первый способ, который приходит в голову.

$('select option').hide();

К сожалению он сработает не везде. При проверке в FF, IE, Chrome у меня заработало только в FF.

Нескольких часов упорных танцев с бубном все-таки привели к более-менее приемлемому решению задачи.

Вариант 1. Если нельзя скрыть непосредственно <option> элемент, то завернем его в другой элемент и скроем именно его.

// скрытие option элементов
$('select > option').wrap('span').parent().hide();
// и соответственно, отображение
$('select > span > option').unwrap();

У этого способа есть один недостотаток. В браузере google chrome при навигации по списку с помощью клавиатуры свойство selectedIndex в некоторых случаях будет принимать неверное значение.

Вариант 2. Полная замена пунктов в списке. Этот вариант чуть сложнее, но зато не принес мне никаких побочных эффектов.