Probleme avec l'AutoComplete

Bonjour,

j'ai encore un ptit souci , j'ai un formulaire y'a des champs avec l'option select, donc s'il se trouve que dans la liste y'a pas ce que recherche l'utilisateur il faut qu'il ait la possiblite de l'ecrire. g fais quelque ptit recherche et l'exemple d'autoComplete me parait interessant g suivi le tuto ,mais malheureusement ca ne marche pas. s'il y'a un autre moyen j'aimerais bien le connaitre ou debugger celui ci. Merci.

<script type="text/javascript">
  $(document).ready(function(){
    var liste =[ 
     "HP",

    "LENOVO",

    "SURFACE PRO 4",

    "ACER",

    "DELL"
];

$('#recherche').autocomplete({
      source : liste
    });

  });
</script>

c'est le champs:

<label>Marque:</label>
              <input type="text" class="form-control" name="Marque" id="recherche" required>

j'ai mis aussi les liens

<!-- jquery-ui -->

 <link rel="stylesheet" type="text/css" href="../ordinateur/assets/css/jquery-ui.css"> 

<!-- JQUERY SCRIPTS -->

<script src=""quot;assets/js/jquery-ui.min.js"></script>