MOVE project - autocomplete() widget


#1



https://www.codecademy.com/en/courses/jquery-ext/projects/jquery-prj_move?link_content_target=interstitial_project


I have followed the autocomplete() example that is provided through the exercise, however, I can't seem to getting it to work? I have stared myself blind to what it could be and need a fresh pair of eyes to spot my mistake.


Below snippet is the relevant form from the index.html:
<form class="form-inline">
      <div class="form-group">
            <input type="text" class="form-control" id="input-form" placeholder="FIND YOUR CITY">
      </div>
</form>

Below is from the "app.js"
var function() {
  var cities = [
   	"Aarhus",
    "Copenhagen",
    "Munich",
    "Tokyo",
    "Rome",
    "London",
    "Berlin",
    "Aalborg",
    "Rimsoe",
    "Grenaa",
    "Amsterdam"
  ];
  $("#input-form").autocomplete({
    	source: cities
  });
  
}
 
$(document).ready(main);


#2

var main = function () {

Have you got all the resources present?

    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
    <script src='app.js'></script>

#3

I also had a problem with this. I ended copying everything into webstorm and it worked just fine. That last step of the project just may be bugged.


#4