title: JQuery hover function select all elements with same class name
body: <p>Need to highlight the current hovered element + all other elements with same colour / class name.</p>
  
  <p>Example here:</p>
  
  <p><a href="https://codepen.io/Kerrys7777/pen/LkaYOW" rel="nofollow">https://codepen.io/Kerrys7777/pen/LkaYOW</a></p>
  
  <pre><code>jQuery( document ).ready(function( $ ) {
      $('.orange-cell, .green-cell, .purple-cell, .white-cell').hover(function() {
          $(this).addClass('z-relative');
          $('#darkness').fadeTo(200, 1);
      },function() {
          $(this).removeClass('z-relative');
          $('#darkness').fadeTo(200, 0, function(){
              $(this).hide();
          });
      });
  });
  </code></pre>