index.php kodum şu şekilde;

         <script type="text/javascript">  
  
  $(function(){
             
     $("#sonuc").hide();
     
     $("input[name=ara]").keyup(function(){
         
         var value  = $(this).val(); 
         var konu   = "value="+value;
         
         $.ajax({
             
             type: "post",
             url:   "ajax.php",
             data: konu, 
             beforeSend: function(){
                 
                $("#sonuc").fadeIn().html('<img src="https://i.hizliresim.com/Eg605Z.gif" width="20" height="20" />'); 
                 
             },
             
             success: function(sonuc){
                 
                $("#sonuc").show().html(sonuc);              
             }                                   
         });     
     });   
  });
</script>

Entegre etmem gereken ancak edemediğim kod;

function tamamla(al){//tamamla fonsiyonu çağırılınca gönderilen veriyi al

    $("#ara").val(al);//inputa koy

    $(".kelimeler").text("");//kelimeler clasına ait divi temizle

}

https://ustaderslik.com/konu/Jquery_-_Php_Otomatik_Arama_Tamamlama
Şu kaynaktan yapmaya çalıştım ancak yemedi.