JSFiddle - React, Tailwind, and code Playground

HTML

sdfsdfsdf
<br>
    <br>
        
        <div class="grid" id="grid">
    <div class="sdfthumb">
        <a class="item file thumb" href="www.google.com">testerino</a>
        <img alt="AlbumIcon" src="some-image.jpg" />
        <div style="bottom:-75px;" class="meta" id="meta">
            <p class="title">Title</p>
            <p class="genre"><i class="icon-film icon-white"></i>Genre</p>
        </div>
    </div>
</div>

JavaScript

jQuery(function ($) {
   
    function initBinding() {
        $(".thumb").on({
             mouseenter: function () {
                 alert('entered');
                 var responseText = "<strong>Hello world!</strong><scri"+      "pt>window.alert('hello world');</scr"+"ipt><br /><p>used to be script <a class=\"thumb\" href=\"www.google.com\" >here</a>...</p>";
                 var ajax = document.getElementById("meta");
                  ajax.innerHTML = responseText;
                 initBinding();
             }

             //mouseleave: function () {
             //}
         });
    }
        
     $(document).ready(function () {
         initBinding();        
     });
 });