jquery not working in localhost

jquery not working in localhost

hi guys i would like help with this jquery code the effect does not appear in localhost browser. here are my files.
index page
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/contain.css" >
</head>
<body>

<p><input id="search_name" type="text"/></p>
<ul id="names">
    <li>Andrew thiarara</li>
    <li>Paul thiarara</li>
    <li>gmoney thiarara</li>
    <li>cecel thiarara</li>


</ul>
<script type="text/javascript" src="js/contains.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
</body>
</html>


javascript page
$(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');
        }

    });
});
 my css
ul{
    list-style:none;
    padding:0;
     margin:0;
}
.highlight{
    background-color:blue;
}