не могу настроить условие
 

http://jsfiddle.net/Radioactive/v5kh8x2y/

Снизу плеера есть ползунок
двигая его должна менятся иконка под ползунком
но почему то работает только если volume 0 или от 0
не могу ошибку найти или недочёт

Radioactive,
== 0
< 0.3
< 0.7
<= 1

Спасибо!
Странно что в моем варианте не работало

Radioactive,
на всякий случай

теперь при клике на иконку у меня вкл или выкл звук
http://jsfiddle.net/Radioactive/v5kh8x2y/5/
но проблема, если вкл музыку, сменить звук полоской и затем нажать вкл/выкл звук по иконке, то звук возвращяется в исходную громкость а полоска нет

iconsound.on('click', function(){
          if (iconsound.hasClass('mute') == true) {
                audioj.prop("muted",!audioj.prop("muted"));
                volumes.css('width', '80%');
                iconsound.removeClass('mute low high').addClass('medium');
          } else {
                audioj.prop("muted",!audioj.prop("muted"));
                volumes.css('width', '0%');
                iconsound.removeClass('medium low high').addClass('mute');
          };

как мне вернуть значение в функции
audioj.prop("muted",!audioj.prop("muted"));
и вставить его в
volumes.css('width', '80%');

Radioactive,

var val = audioj[0].volume

       iconsound.on('click', function(){
          if (iconsound.hasClass('mute') == true) {
                audioj.prop("muted",!audioj.prop("muted"));
                volumes.css('width', val*100+'%');
                iconsound.removeClass('mute low high').addClass('medium');
          } else {
                audioj.prop("muted",!audioj.prop("muted"));
              val = audioj[0].volume
                volumes.css('width', '0%');
                iconsound.removeClass('medium low high').addClass('mute');
          };
          
        });