自动完成时出现问题

Question

I'm building a website to learn coding and I have an autocomplete that is based on Jquery ui's that I'm populating by three mysql tables.

Here's my code on index.php (the page where my search box is and autocomplete should be on)

    <script src="./public/js/jquery.js"></script>
    <script src="public/js/jquery-ui-1.8.22.custom.min.js" type="text/javascript" charset="utf-8"></script>
    <script>
    $(function() {

            $("#search").autocomplete({
            source: "suggest.php",
            minLength = 2,
            select: function( event, ui ) {
                    log( ui.item ?
                         "Selected: " + ui.item.value + aka " + ui.item.id :
                         "Nothing selected, input was " + this.value );
                    }
            });

    });
    </script>

Heres the code on index.php that is the form:

<form class="form-search span8 offset6">
    <input type="text" id='search' name='q' autocomplete="off" class="input-medium search-query">
    <button type="submit" class="btn btn-warning">GO!</button>
</form>

Heres the code on suggest.php:

<?php

require("./config.php");

$q = $_GET['q'];

$names = '';

$result = mysql_query("SELECT name FROM company WHERE name LIKE '$q%' UNION SELECT cat FROM cat WHERE cat LIKE '$q%' UNION SELECT subcat FROM subcat WHERE subcat LIKE '$q%' LIMIT 10");

$names = array();

while ($row = mysql_fetch_array($result)) { 
   $names[] = $row['name']; 
}

echo json_encode($names);
?>

If I go directly to suggest.php?q= SOMETHING and echo out $names, this is what comes out:

["City Market","Cafes","Cheesesteaks","Chicken Wings","Chinese","CSA","Coffee & Tea","Convenience Stores","Comedy Clubs"]Array

When I open the developer panel in Chrome there is an error next to the jQUery for the autosuggest saying "Uncaught SyntaxError: Unexpected Token ="

My autosuggest isn't showing up. WHat's wrong?

Thanks for all help!

---

I changed the = to : and now the new error is "Unexpected Token Illegal" and the autocomplet still isn't showing up...Any suggestions?

Answer 1

You have an equal sign in the minLength, should be colon

$(function() {

        $("#search").autocomplete({
        source: "suggest.php",
        minLength: 2,
        select: function( event, ui ) {
                log( ui.item ?
                     "Selected: " + ui.item.value + aka " + ui.item.id :
                     "Nothing selected, input was " + this.value );
                }
        });

});