[FRIE]

function StatusSelect(){
var selected = $('#effectTypes').find('option[selected]');
if(selected.attr('id') == 'yes'){ alert('да')};
if(selected.attr('id') == 'no'){ alert('нет')};
};

Окошко селект 1

<select id='effectTypes' size=1 onChange='StatusSelect();' >
<option id='yes'>Да</option>
<option id='no'>Нет</option>
</select>

Окошко селект 2

<select id='effectTypes' size=1 onChange='StatusSelect();' >
<option id='yes'>Да</option>
<option id='no'>Нет</option>
</select>


Есть два окошка селект , в которых можно выбрать "да" и "нет".
При выборе должно вылезти окошко алерт с названием того что выбрали.
В первом селекте работает как надо, а во втором если выбираешь "нет" то показывает "да" и наоборот и зависит это от того что выбрано в первом селекте
Почему работает неправильно, где тут ошибка подскажите пожалуйста?