JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://neue.cc/linq.min.js"></script>
<input type="text" id="search" />
<ul id="list">
    <li><a href="#">A</a></li>
    <li><a href="#">AB</a></li>
    <li><a href="#">ABC</a></li>
    <li><a href="#">BD</a></li>
    <li><a href="#">D</a></li>
</ul>
<div></div>

JavaScript

$('#search').keyup(function(){
    var text = $('#search').val().toLowerCase();
	$('div').empty();
	
    if (text != ''){
        var links = $('#list li a');
        var result = Enumerable.From(links)		
        .Where(function (x) { return $(x).text().toLowerCase().indexOf(text) > -1; })
        .OrderBy(function (x) { return $(x).text(); })
        .ToArray();
		
        $(result).clone().each(function (i,e){
			$('div').append(e);
			$('div').append('<br />');
		});
    }
});