JQuery Autocomplete Loading image

[Tarik Ansari]

Hi All,

I am using autocomplete in jquery, when i type the pretext loading/processing image comes until i get the drop down list, whereas when i type the pretext and it goes for error alert box, loading/processing image still exists until i close the window or refresh the page.
Below is the snippet

$("#txtName").autocomplete({
    source: function (request, response) {
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "Webservice.asmx/GetNames",
            data: "{'prefixText':'" + request.term + "'}",
            dataType: "json",
            async: true,  
            success: function (data) {
                response($.map(data.d, function (item) {
                    return {
                        return item ; 
                    }
                }))
            },
            error: function (result) {
                alert("Due to unexpected errors we were unable to load data");
            },
        });
    },
    minLength: 2
});

css

.ui-autocomplete { position: absolute; cursor: default; } 
* html .ui-autocomplete { width:1px; } 
.ui-menu {
list-style:none;
padding: 2px;
margin: 0;
background:#E5EFFA;
color: #ff0000;
display:block;
float: left;
}

.ui-menu .ui-menu {
margin-top: -3px;
}

.ui-menu .ui-menu-item {
margin:0;
padding: 0; 
float: left;
clear: left;
width: 100%;
}

.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:1.5; 
}

.ui-menu .ui-menu-item a.ui-state-hover,

.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}

.ui-autocomplete-loading
   {
        background: white url('images/ajax-loader.gif') right center no-repeat;
  }

Loading images has to disappear for the error clause.

Thanks