jQuery(...).autoComplete is not a function : <p>I'm trying to get autoComplete() to work from jQuery-ui. I've created a fiddle to show my code:</p>

<p><a href="https://jsfiddle.net/4s4dzwn1/" rel="nofollow">https://jsfiddle.net/4s4dzwn1/</a></p>

<p>My JS:</p>

<pre><code>jQuery(function(){

    jQuery('#autocomplete').autoComplete({
        source: ["ActionScript",
            "Bootstrap",
            "C",
            "C++",
            "Ecommerce",
            "Jquery",
            "Groovy",
            "Java",
            "JavaScript",
            "Lua",
            "Perl",
            "Ruby",
            "Scala",
            "Swing",
            "XHTML"]
    });

});
</code></pre>

<p>My HTML:</p>

<pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"&gt;&lt;/script&gt;

&lt;script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"&gt;&lt;/script&gt;

&lt;form&gt;
    &lt;input id="autocomplete"&gt;
&lt;/form&gt;
</code></pre>

<p>It's throwing an error that says autoComplete is not a function. My understanding is that autoComplete is a part of jQuery-ui (which is included), and that jQuery-ui should be included <strong>after</strong> jquery. Please correct me where I'm wrong.</p>
