Простой код jquery не работает

Question

Что не так в следующем коде, он должен найти то, что я набираю в окне поиска желтым цветом. Это не работает, я включил оба jquery и html-код. Они не находятся в одной и той же странице, на мой редактор, то JQuery находится в файле JS/ext.js

$(document).ready(function(){ 
    $('search_name').keyup(function(){ 
     search_name = $(this).val(); 


     $('names li').removeClass('highlight'); 

     if(jQuery.trim(search_name) != ""){ 
      $("#names li:contains('"+ search_name +"')").addClass('highlight'); 

     } 

    }); 
}); 

<p><input id="search_name" type="text"/></p> 
<ul id="names"> 
    <li>Alex Garrett</li> 
    <li>Billy Garrett</li> 
    <li>Dale Garrett</li> 
    <li>Ashley Garrett</li> 
</ul> 

Answer 1

Вам нужно положить $('#search_name') вместо $('search_name') выбрать по ID.

И на самом деле такая же проблема с $('names li')!

Answer 2

Идентификаторы в JQuery всегда предшествует "#"

$('#search_name').keyup(function() { 

... 
$('#names li').removeClass('highlight');