How to do it so that the action works in the opposite direction?

Question

JavaScript

Hello.
I have code:

$('.pr_water').click(function(){
  if($(this).attr('val')=='off'){
    $(this).attr('val', 'on');
  }
});

When the button is clicked, val="off" changes to val="on". I added 1 more code:<button class="pr_water" val="off">Кнопка</button>

$('.pr_water').click(function(){
  if($(this).attr('val')=='on'){
    $(this).attr('val', 'off');
  }
});

It is absolutely the same, only when val="on" is pressed, it would change to val="off", but this does not happen, what could be the problem?

Answer 1