Ошибка jQuery - отсутствует: после идентификатора свойства

Question

<script type="text/javascript">

    $(document).ready(function() {
        $('input#zip').autocomplete({
            var cityAndState = joinedValues.split("|")[1];
            dataType: "json",
            source: "../src/php/registration/getFanLoc.php",
            minLength: 3,
            select: function(event, args) {
                event.preventDefault();
                var joinedValues = args.item.value;
                var id = joinedValues.split("|")[0];
                var cityAndState = joinedValues.split("|")[1];
                document.getElementById('actualZip').value = id;
                document.getElementById('zip').value = cityAndState;
            }
        });
    });

</script>

Консоль JavaScript в FF выдает эту ошибку:

missing : after property id
[Break On This Error]   

var cityAndState= joinedValues.split("|")[1];

Как мне это исправить? Я немного смущен и очень ценю помощь.

Answer 1

Поскольку ошибка пытается сказать вам:

var cityAndState = joinedValues.split("|")[1];

не может появиться в литерале объекта.

Answer 2

поставьте эту строку перед $('input#zip').autocomplete:

var cityAndState= joinedValues.split("|")[1];

так ваш код выглядит так:

$(document).readh(function() {
    var cityAndState= joinedValues.split("|")[1];
    $('input#zip').autocomplete({
        // ...
    });
});

но я не вижу практического использования переменной cityAndState, так действительно ли это требуется?