Jquerymobile: текст метки не меняется со значением слайдера

Привет в моем мобильном приложении jquery. Я пытаюсь изменить текст ярлыка при перемещении слайдера JQM, в jsfiddle он работает нормально, когда я пытаюсь запустить в браузере, ничего не работает. Ниже мой код:

<label for="slider">choose:</label>
    <input type="range" name="slider" id="slider" value="0" min="0" max="5"  />
     <label id="sliderlabel">Strongly Agree</label>

Ниже мой сценарий

<script type="text/javascript"> 
    $("#slider").change(function() {
    sVal = $(this).val();

    if(sVal ==1 ) {

        $('#sliderlabel').text('Neither agree nor disagree');
    }   
});
</script>

Не уверен, что я делаю неправильно. Любая помощь приветствуется.