Сравните поисковые предложения с вводом букв

Question

Я сейчас работаю над сайтом, который нуждается в хорошем поисковике. Я сделал все кодирование, чтобы панель поиска работала, даже предложения. Но мне нужен способ выделить буквы, которые я уже написал в строке поиска. (строка поиска - html с идентификатором "google-searchTerm". Поэтому мне нужна помощь, чтобы сравнить написанные мною буквы и буквы в предложениях. В результате выводятся предложения:

yb.id('google-quickipedia_output').innerHTML += '<li><a href="http://en.wikipedia.org/wiki/' + data[1][i] + '" target="_blank">' + data[1][i] + '</a>' + data[2][i] + '</li>';

«data [1] [i]» - это предложения. Это весь мой сценарий:

<input id="google-searchTerm" class="google-search-bar-input" type="text" name="name_" placeholder="Search.." autocomplete="off">
<!-- TODO -->
<ul id="google-quickipedia_output"></ul>
<script>
    var yb = { id : function(str){return document.getElementById(str)} };                                                                    
    yb.id('google-searchTerm').focus();                               
    var tag = '';

    yb.id('google-searchTerm').onkeyup = function(e){
         if(!e.keyCode.toString().match(/^(37|38|39|40|13|16|17|18|224)$/)){
         if(tag!==''){ document.body.removeChild(tag); }

         tag = document.createElement('script');
         var term = yb.id('google-searchTerm').value;

         tag.src = 'http://en.wikipedia.org/w/api.php?action=opensearch&limit=10&format=json&callback=ybComplete&search='+term;
         document.body.appendChild(tag);
      }
  };

  var ybComplete = function(data){
  yb.id('google-quickipedia_output').innerHTML = '';
  for(var i=0; i<5; i++){
      if(data[1][i]){
      yb.id('google-quickipedia_output').innerHTML += '<li><a href="http://en.wikipedia.org/wiki/' + data[1][i] + '" target="_blank">' + data[1][i] + '</a>' + data[2][i] + '</li>';
      }
   }
 };
</script>