Problem with autocomplete of jQuery

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

$('input#recipient').autocomplete ({
    source: function (request, callback) {
       var dataString = {username : request.username};
            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() {

Can you tell me what’s the problem
Thank you

What is the problem that you’re facing?

My HTML code is

<!DOCTYPE html>
<link rel="stylesheet" href=""/> 
<script src=""></script>
<script src=""></script>
<form><input type="text" id="recipient" name="recipient" /></form>
<script src="username_autocomplete.js"></script>

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.

Yes it’s

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