свежие глаза, пожалуйста, вопросы темы - jQuery/select

Question

Я пытаюсь дать пользователям параметры темы для игры. Вот что код в .js файле выглядит следующим образом:

var clicks = 0; 
    $("#theme").on("click", function(){ 
     clicks++; 
     if(clicks == 1){ 
      var themeVal = $("#theme").val(); 
      var url = "url(../images/backgrounds/" + themeVal + ".jpg)"; 
      $("body").css('background-image', url); 
      clicks = 0; 
     } 
    }); 

здесь короткая версия HTML:

<select id="theme"> 
    <option value="" disabled="disabled" selected="selected">Select theme</option> 
     <option value="tropical_beach">Beach</option> 
     <option value="forest">Forest</option> 
        .... 
</select> 

и вот моя структура файла:

В консоли я не получаю никаких ошибок, и все значения возвращаются так, как ожидалось .... но фон не меняется, когда я выбираю новый из раскрывающегося списка. Я, вероятно, не замечаю что-то маленькое. Ваши глазные яблоки оценены;)

ОБНОВЛЕНО:

var clicks = 0; 
    $("#theme").on("change", function(){ 
     clicks++; 
     if(clicks == 1){ 
      var themeVal = $("#theme").val(); 
      var url = "url('../images/backgrounds/" + themeVal + ".jpg')"; 
      $("body").css('background-image', url); 
      clicks = 0; 
     } 
    }); 

Answer 1

Почему бы не попробовать использовать событие изменения?

$("#theme").change(function() { 

});