JSFiddle - React, Tailwind, and code Playground

HTML

<div id="headerBtn" style="padding:15px 40px; background:#666666; display:inline-block;" >ID</div>
<div class='headerOwner'>Owner</div>
<div class='headerQueue'>Queue</div>
<div class='headerSubject'>Subject</div>
<div class='headerType'>Type</div>
<div class='headerProduct'>Product</div>
<div class='headerHost'>Host</div>
<div class='headerEmail'>Email</div>

JavaScript

$('#headerBtn').mouseenter(function(){
  //perform hover function
    $(this).html('hover');
});

$('#headerBtn').mouseout(function(){
  //revert from hover
     $(this).html('NO hover');
});