Hello everyone I'm doing some custom radio buttons styles and the css :focus do not work. So I'm figuring out some js solutions and right now I have this:

```
// Focuse radio btn
  function focus() {
   $('.radio, .field-label').focusin(function(e) {
   //console.log(e.target);
   $(e.target).parent().animate({opacity: .5},400);
});

$('.radio, .field-label').focusout(function(e) {
  //console.log('focus out!');
  $('.radio, .field-label').parent().animate({opacity: 1},1000);
});
}

focus(); 

```

This is working on Chrome. But in the other browser like safari or mozilla it doesn't work. Why? Any solutions?
Thanks!