我的搜索功能/表单不起作用

Question

我需要创建一个搜索栏/函数，无论是在Vanilla JS还是jQuery中。我创建了一个输入：

<div id="searchbar">  
    <input type="text" name="search" placeholder="Search..">
</div> 

我已经尝试了许多可能的解决方案来实现这一点，但没有一个解决方案。

var searchField = document.getElementById('searchbar');

searchField.addEventListener('keyup', function(e){
    e.preventDefault();

    var search = document.getElementById('searchbar').value;
    console.log(search);
    var result = [];

    for (var i = 0; i < data.results.length; i++){
        if (data.results[i].title.search(search) != -1|| data.results[i].summary.search(search) != -1){
            result.push(data.results[i]);
            document.getElementById('searchbar').innerHTML = " ";
        };
    }});

但它似乎没有用。我需要做的就是，能够通过纽约时报的API，并向我展示结果。