Input Type="Range" not getting refreshed in PhoneGap IOS application
I am developing Iphone Application in Phone Gap IOS, in this I am creating an audio bar which will contain a slider to show the progress of audio running and through this I can make the audio backward and forward also and there is one label that will show the Elapsed time. 

I am using HTML5 input Type="range" as a slider and JQuery Mobile is implemented in my application.

The issue i am facing is that when the music play the handle of the slider does not progress with the music it remain at the start of slider, after doing some research i come to know that the slider is not getting refreshed that why the position is not getting changed, for this i wrote the following code of line  to refresh the slider.

    $("input[type='range']").val(60).slider("refresh");

But it give me the following error:

Type Error: 'undefined' is not a function (evaluating '$("input[type='range']").val(60).slider("refresh")')

Please help me to fix this
Input Type="Range" not getting refreshed in PhoneGap IOS application
===

I am developing Iphone Application in Phone Gap IOS, in this I am creating an audio bar which will contain a slider to show the progress of audio running and through this I can make the audio backward and forward also and there is one label that will show the Elapsed time. 

I am using HTML5 input Type="range" as a slider and JQuery Mobile is implemented in my application.

The issue i am facing is that when the music play the handle of the slider does not progress with the music it remain at the start of slider, after doing some research i come to know that the slider is not getting refreshed that why the position is not getting changed, for this i wrote the following code of line  to refresh the slider.

    $("input[type='range']").val(60).slider("refresh");

But it give me the following error:

Type Error: 'undefined' is not a function (evaluating '$("input[type='range']").val(60).slider("refresh")')

Please help me to fix this