JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="answer">Click me</a>
<ul>
    <li></li>
</ul>

JavaScript

$(document).ready(function() {
        var a_count = 1;
        $(function () {
            $("#answer").click(function () {
                $("li:last").after('<li> <input type="text" id="answ' + a_count + '" size="40" class="appended"></li>');
                a_count++;

            });
        });


            $(document).on('mouseover', 'input', function(){
                alert('Вы поместили курсор в зону элемента foo.');
            });

    });