JSFiddle - React, Tailwind, and code Playground

HTML

<div class="feed">
<div class="feed-header">
    <h2>pga-2013.json</h2>
    <button class="publish button-white-bg button-save">Publish</button>
    </div>


    <div class="kvRow collapsed">
    <span class="delete icon">x</span>
    <input type="text" class="keys-input" value="free" disabled=""/> 
    <input type="text" class="values-input" value="0" disabled=""/>
    </div>
    
</div>

JavaScript

$(document).ready(function(){
             $(".feed").on("mouseenter", ".publish", function(){
				alert("feed")
			}); 
			$(".feed").on("mouseenter", ".keys-input", function(){
				alert("input"); 
				$(this).siblings(".delete").fadeIn(75); 
			}); 
			$(".feed").on("mouseleave", ".keys-input", function(){
				$(this).siblings(".delete").fadeOut(75); 
			}); 
});