This code should achieve that if I press the "arrow key down" inside an input field with a certain class, an additional class get added to all inputs which have the same class:

1. $('.text-input__field--floated').keypress(function(event) {
2.         var key = event.which;
3.         if (key == 40) // Arrow key down code
4.         {
5.           $('.text-input__field--floated').addClass('dirty');
6.           $('.text-input__field--floated').prev('label').addClass('dirty');
7.         }
8.       });

But it doesn't work. What is wrong?

I created a pen here:

Fixing Browser Autofill issue

Thanks