Can't change element class on click
<p>Tell me please why div with id <code>AudioVol+..(ex.1,2,3 and other)</code>
dont change class name when click on element with class name <code>option_audio_player_mute</code>?</p>

<p>Also tell me, can I reduce/refactor my code? </p>

<pre><code>$('.option_audio_player_mute').live('click', function () {
    var idn = this.id.split('+')[1];
    var vol1 = $('#AudioVol1+' + idn);
    if ($(this).hasClass('audio_mute')) {
        vol1.removeClass('audio_vol_not_active').addClass('audio_vol_active');
    } else if ($(this).hasClass('audio_not_mute')) {
        vol1.removeClass('audio_vol_active').addClass('audio_vol_not_active');
    }
});
</code></pre>

<p>why doesn't this work?</p>
