title: Filter Turkish character on input field
body: <p>How can I filter a Turkish character when I type a normal character?
  When I want to filter the name 'Gülay Gül' it doesn't show up when I enter Gul.. etc. Is it possible to bypass this with jQuery?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var item = $('.item');
    $('input').keyup(function() {
      var valThis = $(this).val().toLowerCase();
      if (valThis == '') {
        $(item).show();
      } else {
        $(item).each(function() {
          var text = $(this).text().toLowerCase();
          var match = text.indexOf(valThis);
          if (match &gt;= 0) {
            $(this).show();
          } else {
            $(this).hide();
          }
        });
      };
    });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;input type="text" placeholder="Search"&gt;
  &lt;div class="item"&gt;
      &lt;h3&gt;John walker&lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="item"&gt;
      &lt;h3&gt;Michael Mayer&lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="item"&gt;
      &lt;h3&gt;Tim Jones&lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="item"&gt;
      &lt;h3&gt;Gülay Gül&lt;/h3&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>