Autocomplete input issue
<p>I have an html file that references a couple of jquery files and has an array to pull the data for the input list, however; when I run the program I keep getting an error for the JS array saying "object expected". Any help would be appreciated. </p>

<pre><code>    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" &gt;
&lt;head&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;script type="text/javascript"&gt;  
      $(function() {
        var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"
        ];
        $("#tags").autocomplete({
            source: availableTags
        });
    });
    &lt;/script&gt;

    &lt;script src="jquery-1.7.1.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="jquery.ui.widget.js" type="text/javascript"&gt;&lt;/script&gt;

    &lt;script src="jquery.ui.core.js" type="text/javascript"&gt;&lt;/script&gt;

    &lt;script src="jquery.ui.autocomplete.js" type="text/javascript"&gt;&lt;/script&gt;

    &lt;script src="jquery-ui.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div&gt;
    &lt;label for="tags"&gt;Tags: &lt;/label&gt;
    &lt;input id="tags" /&gt;
&lt;/div&gt;
&lt;/body&gt;
</code></pre>

<p></p>
