jqueryUI autocomplete ne fonctionne pas

Question

J'ai un tableau avec des données que je veux compléter automatiquement dans une section d'entrée sur le HTML, un peu comme du texte prédictif. J'utilise jqueryUI et suivre les instructions selon https://jqueryui.com/autocomplete/ (pour faire quelques tests) mais le code ne fonctionne pas - les données ne se complètent pas automatiquement lorsque je remplis l'entrée, même si elle est configurée comme l'exemple? Son fond étant chargé dans l'ordre (j'appelle Jquery localement et jQueryUI externe):

<script src="jquery.2.1.4.min.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<script> 
$(function() { 

    var locations = [ 
     "London", 
     "Paris", 
     "Moscow", 
     "Melbourne" 
     ]; 
    $("#start").autocomplete({ 
    source: locations 
    }); 

    }); 
</script> 

<input type="text" id="start" placeholder="From" > 

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
<script> 
$(function() { 

var locations = [ 
    "London", 
    "Paris", 
    "Moscow", 
    "Melbourne" 
    ]; 
$("#start").autocomplete({ 
source: locations 
}); 

    }); 
</script> 

<input type="text" id="start" placeholder="From" >