JAVASCRIPT

How to hover over data inserted from JSON

var jsonData = { obj : { name : "ARIA Meyer"} }

$(document).ready(function() {
    $("#display_area").append(`
    <p>${jsonData['obj']["name"]}</p>
    `);
    
    $( "p" ).hover(function() {
    $( "p" ).fadeOut(500);
  });
});

How to hover over data inserted from JSON

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<div id="display_area"></div>