Detect Words And Letters Typed In Input And Sort Other Elements (text In Div) With Same Letters

I want to make an input, in which you type words or letters to sort some kind of elements. For example: there are divs with different words in them, and when you type something in

Solution 1:

If you listen for the keyup event on the input, the function will call every time you type or remove a letter. You can then check if the input matches any of the divs' value, and hide/show it based on that.

$('#search').keyup(function(){
    var searchTerm = $(this).val();
    $(".sortable-items div").each(function(){
        if($(this).text().match(searchTerm)){
            $(this).show();
        }else{
            $(this).hide();
        }
    });
});

You can test it in this fiddle: http://jsfiddle.net/h9sck2nh/1/