JS не корректно работает на MacOS в Сафари и Хроме

[Mek 99]

Парни, кто знает, подскажите.

Есть небольшой JS код:

function colorSelect(){
	check();
	$(".sel").on("change", check);
	function check()
	{
		$(".sel").each(function() {
			var isOn = true;
			var color0 = '#111';
			var color1 = '#999';			
			var items = $(this).find('option');		
			for(var i = 0; i < items.length; i++)
			{
				if($(items[i]).prop('hidden') && $(items[i]).prop('selected'))
				{
					isOn = false;
					$(items[i]).css('color', color1);
				}
			}	
			var curColor = color0;
			if(!isOn) curColor = color1;
			$(this).css('color', curColor);	  
			for(var i = 0; i < items.length; i++)
			{
				if($(items[i]).prop('hidden'))
				{
					$(items[i]).css('color', color1);
				}
				else
				{
					$(items[i]).css('color', color0);
				}
			}
		})
	}
}
setTimeout(colorSelect, 50);
$("#btn-reset").click(function(event) {setTimeout(colorSelect, 50);});

Делает он следующее:

http://diafilmy.su/diafilmy/

Цвет у выпадающего списка по умолчанию #999 (тусклый)

При выборе значения в выпадающем списке цвет меняется на #111 (подсвечивается)

При обновлении/переходе на следующую страницу подсветка и выбранные значение должны остаться.

 

На Win машинах, во всех браузерах, скрипт работает корректно. Но в MacOS нет:

Google Chrome - при переходе на след. страницу подсветка пропадает, выбранные значение остаются.

Safari - при переходе на след. страницу, либо обновлении страницы, подсветка и выбранные значения пропадают.

 

Кто знает как это побороть?