Can't set up Real-Time Validation in form...

Hello everybody,

I have a little problem with real-time validation in my form.
jQuery event doesn't work in "select" drop-down.
I use special stylized drop-down and it seems that there is some conflict...

When I use default style, works great (I have included sample alert for check if it's working - click on iPad to see effect):

1.     $('#select').on('click', function() {
           if($('#select').val()=='iPad'){
               alert('Alert!!!');
               $('#select').val('Choice');
               return false;       
           }
       });

But it only works for default style.
I have tried many solutions, change code - no effect

Here is JSFiddle to look:
(styled version): LINK
(default version): LINK

Any ideas where is the problem?

• Topic Participants

• jakecigar