title: JavaScript Typeahead Autocomplete match accents and tildes Issue
body: <p>I'm using <a href="http://plugins.jquery.com/typeahead.js/0.10.1/" rel="nofollow noreferrer">Typeahead</a> jQuery library, but when a user types a vocal like <code>e</code> it should match foreign vocals too, like <code>é</code>, <code>ë</code>, <code>è</code>.</p>
  <p>Match <code>n</code> with <code>ñ</code> too.</p>
  <p>This is my code:</p>
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot;&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;typeahead.css&quot;&gt;
      &lt;script src=&quot;jquery-1.11.0.min.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;typeahead.bundle.min.js&quot;&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;center&gt;
          &lt;div id=&quot;nombre&quot;&gt;
              &lt;input class=&quot;typeahead&quot; type=&quot;text&quot; placeholder=&quot;Nombre&quot;&gt;
          &lt;/div&gt;
      &lt;/center&gt;
      &lt;script&gt;
          var charMap = {
              &quot;à&quot;: &quot;a&quot;, 
              &quot;á&quot;: &quot;a&quot;, 
              &quot;ä&quot;: &quot;a&quot;, 
              &quot;è&quot;: &quot;e&quot;, 
              &quot;é&quot;: &quot;e&quot;, 
              &quot;ë&quot;: &quot;e&quot;, 
              &quot;ì&quot;: &quot;i&quot;, 
              &quot;í&quot;: &quot;i&quot;,
              &quot;ï&quot;: &quot;i&quot;,
              &quot;ò&quot;: &quot;o&quot;,
              &quot;ó&quot;: &quot;o&quot;,
              &quot;ö&quot;: &quot;o&quot;,
              &quot;ù&quot;: &quot;u&quot;,
              &quot;ú&quot;: &quot;u&quot;,
              &quot;ü&quot;: &quot;u&quot;,
              &quot;ñ&quot;: &quot;n&quot;};
          var normalize = function (input) {
              $.each(charMap, function (unnormalizedChar, normalizedChar) {
                  var regex = new RegExp(unnormalizedChar, 'gi');
                  input = input.replace(regex, normalizedChar);
              });
              return input;
          }
          var substringMatcher = function(strs) {
          return function findMatches(q, cb) {
              var matches, substringRegex;
              matches = [];
              substrRegex = new RegExp(q, &quot;i&quot;);
              $.each(strs, function(i, str) {
                if (substrRegex.test(str)) {
                  matches.push({ value: str });
                }
              });
              cb(matches);
            };
          };
          var nombres = [&quot;Sánchez&quot;, &quot;Árbol&quot;, &quot;Müller&quot;, &quot;Ératio&quot;, &quot;Niño&quot;];
          $(&quot;#nombre .typeahead&quot;).typeahead({
            hint: true,
            highlight: true,
            minLength: 1
          },
          {
            name: &quot;nombres&quot;,
            displayKey: &quot;value&quot;,
            source: substringMatcher(nombres)
          });
      &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>How can I achieve this?</p>
  <p>Thanks!</p>