Problem with autocomplete of jQuery

Hello,
I have a problem with autocomplete of jQuery.
Here is my code

$('input#recipient').autocomplete ({
    source: function (request, callback) {
       var dataString = {username : request.username};
        $.ajax({
            url: url.root + 'email/',
            data: dataString,
            //cache: false,
            complete: function(xhr, result) {
               if(result != 'success') return;
                var response = xhr.responseText;
                var usernameList = [];
                $(response).filter('li').each (function() {
                    usernameList.push($(this).text());
                    )};
                    callback(usernameList);
                }
            });
    }
});

Can you tell me what’s the problem
Thank you

What is the problem that you’re facing?

My HTML code is

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css"/> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
</head>
<body>
<form><input type="text" id="recipient" name="recipient" /></form>
<script src="username_autocomplete.js"></script>
</body>
</html>

But the JavaScript code does call the server file.
There must be an error in the javascript code but I have not found…

The most obvious problem is the mixed up parenthesis and brace, but there’s other more subtle problems such as where the url comes from.

Thanks,
Yes it’s


  $(response).filter('li').each (function() {
                    usernameList.push($(this).text());
               [B]     });[/B]