Jak można obsłużyć funkcjonalność typu słownik, który ładuje dynamicznie terminy po wpisaniu w input fragmentu dowolnego terminu?

Po wpisaniu na przykład "ar" będzie wyświetlał z tabeli "tabela" z "tytuł" pola zawierające "ar" itd, dopasuj do siebie i będzie git.

[PHP] pobierz, plaintext 
<div class="form-group ">
<label for="cname" class="control-label col-lg-2">Klient
<div class="navduble">
<div class="navlistnag">Musisz wprowadzić unikalną nazwę !<br />Sprawdź poniżej czy już taka istnieje !</div>
<ul class="navListduble"><?php $query = mysql_query("SELECT * FROM tabela ORDER BY tytul ASC"); while($wynik=mysql_fetch_array($query)) { echo '<li>'.$wynik['tytul'].'</li>'; } ?></ul>
</div>
</label>
<div class="col-lg-10">
<input class=" form-control" id="cname" name="tytul" minlength="2" type="text" required />	
</div>						
</div>
<script>
$("#cname").keyup(function(){
$(".navduble").show();
});
 
$('#cname').keyup(function(){
$('.navListduble>li').show()
var valThis = $(this).val().toLowerCase();
$('.navListduble>li').each(function(){
var text = $(this).text().toLowerCase();
(text.indexOf(valThis) == 0) ? $(this).show() : $(this).hide();            
});
});
</script>
 
[PHP] pobierz, plaintext