Filtering the list based on the keyup event in text box

Filtering the list based on the keyup event in text box

I am trying to create a filtering list(ul li) based on a key up event in the text box. When the user types the li items that containing typed in words needs to be displayed and others needed to be hidden. The problem I am facing with the :contains is that it is case sensitive. Is there any way I can overcome this. I have given my sample html and script.
  1. <input class="text-box single-line" data-val="true" data-val-required="The Skill field is required." id="SkillTitle" name="SkillTitle" type="text" value="a" />
  2. <ul id="existing">
                        <li class="skilllist">Android</li>
                        <li class="skilllist">AS400</li>
                        <li class="skilllist">ASP.NET</li>
                        <li class="skilllist">C#</li>
                        <li class="skilllist">FlexCube</li>
                        <li class="skilllist">Java</li>
  3. </ul>
  4. <script> 
  5. $("#SkillTitle").keyup(function () {
            $("#existing > li:contains(" + $(this).val() + ")").show();
            $("#existing > li:not(:contains(" + $(this).val() + ")").show();
            
    
    
        });
  6. </script>