Ciao a tutti, vi spiego il problema:

Ho una finestra modal con il quale invio tramite get un id per poter fare delle query sul db, dovrei però avere un campo autocomplete ma non funziona... Se apro direttamente la pagina sul browser funziona senza problemi.

Questi sono i frammenti di codice della pagina madre:
codice:
<div class="modal fade" id="modifica" tabindex="-1" role="dialog" aria-labelledby="memberModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="memberModalLabel">INSERISCI</h4>
            </div>
            <div class="dash">


            </div>


        </div>
    </div>
</div>

<?php
//con questo ho il bottone che apre il modal ed invio l'id
<a data-toggle='modal'
          data-target='#modifica'
            data-whatever=".$cena." >
	Cena</a></td>
?>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script>
    $('#modifica').on('show.bs.modal', function (event) {
          var button = $(event.relatedTarget) // Button that triggered the modal
          var recipient = button.data('whatever') // Extract info from data-* attributes
          var modal = $(this);
          var dataString = 'id=' + recipient;


            $.ajax({
                type: "GET",
                url: "inserisci.php",
                data: dataString,
                cache: false,
                success: function (data) {
                    console.log(data);
                    modal.find('.dash').html(data);
                },
                error: function(err) {
                    console.log(err);
                }
            });
    })
</script>
Con l'ultimo script apro la pagina inserisci.php e fin qui nessun problema...
Ora lo script per l'autocomplete dentro la pagina inserisci.php
codice:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script>
$(function() {
    $("#id").autocomplete({
        source: "search.php",
    });
});
</script>
 
...
<input type="text" class="form-control col-sm-6" id="id" name="id" value="" placeholder="Cerca" />
Qualcuno mi sa dire cosa sbaglio?