title: Always show autocomplete list, even if search doesn't match
body: <p>I have an autocomplete field, and on type I go to the PHP/Database to retrieve the matching options.</p>
  
  <p>Thing is, my suggestion list isn't exactly matches of the text. I explain:</p>
  
  <p>Say I type "Jon". My list will bring from the database "John Doe", "Jonatan", etc. Only "Jonatan" will be visible as the suggestion to the input, but I do need them all, because it considers approximation (there's a soundex element on my backend search).</p>
  
  <p>My JavaScript/Ajax code:</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>function prePatientsList(){
        //I'm limiting search so it only starts on the second character
       if (document.getElementById("name").value.length &gt;= 2) { 
  
              try
              {
               listExecute.abort();
           }catch(err) {
              null;
           }
              var nome= $("#name").val();
              var nomeList = "";
              listExecute = $.ajax({
                      url: '/web/aconselhamento/Atendimento/PrePacientesAutocomplete',
                      type: "POST",
                      async: true,
                      datatype: 'json',
                      data: { nome: nome}
               }).done(function(data){
                source = JSON.parse(data);
               });
              
              
              $(function() {
               $("input#nome").autocomplete({
                      source: source,
                      // I know I probably don't need this, but I have a similar component which has an URL as value, so when I select an option, it redirects me, and I'll apply you kind answer on both.
                      select: function( event, ui ) {                     
                          ui.item.label;
                      }
                  });
              });
       }     
  
      }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks.</p>