Функция jQuery .change работает только один раз

Question

Использование jQuery 1.11.1 и этот фрагмент кода для обнаружения изменения значения поля выбора и последующего запуска некоторого скрипта. Он работает один раз, а затем не будет работать второй раз. Он достаточно далеко, чтобы удалить «видимый» класс, и все.

var oatChoice; 

$('#cereal').change(function(){ 

    oatChoice = ($(this).val()); 

    $('.oats').removeClass('visible').delay(1000).queue(function() { 
     imageURL = '/assets/images/layers/oats-' + oatChoice; 
     imgSwitch('.oats',imageURL); 
     $('.oats').addClass('visible'); 
    }); 

}); 

imgSwitch = function(div,imgURL){ 
    $(div + ' img').remove(); 
    $(div).append('<img src="' + imgURL + '.png"/>'); 
} 

Я бегу этот код на этом кусочке HTML ниже:

<div class="layer oats"> 
    <img src="/assets/images/layers/oats-applecinnamon.png" alt=""> 
</div> 

<select name="cereal" id="cereal" class="form-control"> 
    <option value="">- Select A Cereal -</option> 
    <option value="applecinnamon">Apple Cinnamon Oatmeal</option> 
    <option value="vanilla">Vanilla</option> 
</select> 

Я создал скрипку здесь .. http://jsfiddle.net/aehj289o/1/ изображения отсутствуют, но вы можете видеть, что он завершает работу после первой попытки вокруг.