Почему не чего не происходит?

Почему не чего не происходит, почему иконка меняется, при ширине экрана больше 767 px?

$(window).resize(function(){
var w = $(window).width();
if (w < 767) {
$('#menu').on('click',function(e){
e.stopPropagation();
if ( $('.icon-mobile-menu').is(':visible'))
$(this).removeAttr('style');
$('.icon-mobile-menu').removeClass('on');
})
}else{
('#menu').off('click');
}
});
Дополнен 1 минуту назад
https://jsfiddle.net/72oxsmt9/50/