Ручка JQuery, входной слайдер и веб-аудиогенератор подключаются, но не работают

У меня есть API веб-аудио и библиотека JQuery knob, которая работает ... но не совсем. Ползунок ручки управляет ползунком ввода, но значение, похоже, не передается параметру, на который я хочу повлиять.

Вот простой пример:

http://jsfiddle.net/RKH35/1/

Код:

<input  id="gain1" type="range" class="dial" >


<script>

document.getElementById('gain1').addEventListener('change', function() {
gainNode.gain.value = this.value;
}); 

$(function() {

        var  value = document.getElementById("gain1").value;
        $(".dial").knob({ change : function (value) {    } 

                })
});


context = new webkitAudioContext();     


//Create oscillator object & params       
oscillator = context.createOscillator(),         oscillator.type = 2;      oscillator.frequency.value = 200;


//Create gain object & params
gainNode = context.createGainNode();       gainNode.gain.value = 1;  


//Connect devices
oscillator.connect(gainNode); 
gainNode.connect(context.destination);
oscillator.start(0); 

</script>