JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="theList">
    
</ul>
<p class="imm">
    <input class="mInput" type="text"  id="itemInput"/>
    <input type="submit" value="add" class="mSubmit"  id="add"/>
</p>

JavaScript

$(document).ready(function() {



    var input = document.getElementById('itemInput');
    var addButton = $('#add');
    var theList = $('#theList');


    $('.sp').live("click", function() {
       // $(this).parent().remove();
    });

    addButton.click(function() {

        var text = input.value;

        if (text != "") {

            theList.append('<li><p class="pp">' + text + '</p><a class="sp">delete</a></li>');
        }
        return false;
    });
    });