jquery works but this method doesnt.??

jquery works but this method doesnt.??

i was watching some tutorials from thenewboston on jquery and everything works on my notepadd++ and xampp server, the only thing is that this code right here doesnt work

it is this video (3mins) that i cant do, it doesnt highlight the text like it shoud. im tired of rechecking for the last two hours,,i thought maybe the syntax is bad and someone here can help me

https://www.youtube.com/watch?v=jIZFHjkUCrs&list=EC6B08BAA57B5C7810&index=24

  1. $(document).ready(function() {   @@@when document ready

      $('#searchme').keyup(function() {    @@@for every key up/entered do this

        searchme = $(this).val();    @@@text input field now equals this value

             

              $('#names li').removeClass('highlight');  @@@grab the names and remove the highlights

             

              if (jQuery.trim(searchme) != '') {    @@@using jquery.trim on the field look for

                $("#names li:contains('" + searchme + "')").addClass('highlight');  @@@key up grabs the names and adds the contains method and plus the input and highlights only the grabbed ones

                }

      });


    });

also creating a style sheet that makes it look better and a index.php with a input and id and <ul>