title: Jquery filter list without case sensitive
body: <p>I want to filter the list without case sensitive. I want to match only character not match upper case or lower case.</p>
  
  <ol>
  <li>XXXXXXX</li>
  <li>yyyyyyy</li>
  <li>XXxxx</li>
  </ol>
  
  <p>If I enter "X" in search box it displays both 1 and 3. I added the code below but it match the case sensitive also.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;
  &lt;/script&gt;
  &lt;script&gt;
      function filter(element) {
          var value = $(element).val();
          $("#theList &gt; li").each(function() {
              if ($(this).text().search(value) &gt; -1) {
                  $(this).show();
              }
              else {
                  $(this).hide();
              }
          });
      }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;input type="text" onkeyup="filter(this)" /&gt;
  &lt;ul id="theList"&gt;
      &lt;li&gt;xxvxvxx&lt;/li&gt;
      &lt;li&gt;yyyyyyyyyy&lt;/li&gt;
      &lt;li&gt;rrrrrrrrrr&lt;/li&gt;
      &lt;li&gt;vvvvvvvvvvv&lt;/li&gt;
      &lt;li&gt;xcvcvdfsdf&lt;/li&gt;
      &lt;li&gt;hkjhkhjkh&lt;/li&gt;
      &lt;li&gt;xzfgfhfgh&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>