Событие при изменении select
 

Здравствуйте, проблема такая:
Выпадающий список пересоздается в зависимости от действий пользователя. Например, у нас есть список

<div class="mySelect">
  <select class="id_country">
    <option value="1">odin</option>
    <option value="2">dva</option>
    <option value="3">tri</option>
  </select>
</div>

В один прекрасный момент у нас отрабатывает

jQuery('.mySelect').html('<select class="id_country"><option value="1">odin</option><option value="2">dva</option></select>');

Пытался отследить событие выбора значения из списка вот так

jQuery('.mySelect .id_country').on('change',function(){
      alert(555);
});

не помогло. Подскажите почему, и как это исправить

Когда этот прекрасный момент наступает все обработчики, которые были навешаны удаляются вместе с элементами.

Делегирование обработчика решит проблему.

jQuery('.mySelect').on('change','.id_country',function(){
      alert(555);
});

Гениально :)
Спасибо!