copying Javascript working on a laravel view to another site not working

So on similar sites with different themes, same core functions for laravel there is a view that has <div class="footer__item footer__item--right"> <div class="footer__item-search"> <span class="search-wrap"><input type="text" placeholder="Search" class="search"></span> </div>

in scripts the only relative javascript code which is also already on the other site

    $(document).on('keyup', '.search', function() {
        var query = $(this).val().toLowerCase();
        doSearch(query);
    });

    function OnSearch(input) {
        var query = input.value.toLowerCase();
        doSearch(query);
    }

    function doSearch(query){
        $.getJSON('{{ route('frontend.game.search')  }}?category1={{ $category1 }}&q=' + query, function(data) {
            $('#games').html(data.data);
        });
    }```

so copying those makes a box appear but searches nothing 
 What possibly the javascript is missing to actually be called and call the laravel template view mentioned ?