JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>

<ol>
	<li>Element<a href="#" class="remove">X</a></li>
	<li>Element<a href="#" class="remove">X</a></li>
	<li>Element<a href="#" class="remove">X</a></li>
</ol>
<form action="add_remove.html" method="post">
	<input type="text" name="element" value="Element">
</form>
<button id="add_li">Add Element</button>
<button id="remove_li">Remove Element</button>
</body>
</html>

JavaScript

$(document).ready(function(){
    $("#add_li").click(function (){
    	$("ol").append("<li>" + $("input").val() + "<a href=\"#\" class=\"remove\">X</a></li>");
    });
    $("#remove_li").click(function(){
    	$("li:last").remove();
    });
    $("ol").on('click','.remove',function(){
    	$(this).parents('li').remove();
    });

    var log = $('.remove');
    console.log(log);
    console.log(jQuery);    

});