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.