Add state remove state to hovered items

active.js

jQuery(document).ready(function($){
  $('.area').on('hover', function(){
    $('.area').addClass('unwanted');
    $(this).addClass('pick-me');
    $(this).removeClass('unwanted');
  }); 
  
  $('.area').on('mouseleave', function(){
    $('.area').removeClass('unwanted');
    $('.area').removeClass('pick-me');
  }); 
});