jQuery UI autocompleteを利用時の候補出力までの時間に処理中のgifを表示する方法について

Question

下記のコードでinputタグに文字を入力した際に、入力候補を出すようにしているのですが、入力候補が出力されるまでに時間が掛かることがあり、その際の対応として、loading中であることをユーザー側に明示できるよう入力候補を検索している最中にgif画像を入れたいのですが、どのようにすれば組み込めるでしょうか？
御教示お願い致します。

		$(document).focusin(function(){
			$("#autoc").autocomplete({
				source: function(req, resp){
					$.ajax({
						url: "autocomplete.php",
						type: "POST",
						cache: false,
						dataType: "json",
						data: {
							name: req.term
						},
						success: function(o){
							resp($.map(o, function(item) {
								return {
									label: item.name,
									value: item.name
								}
							}));
						},
						error: function(xhr, ts, err){
							resp(['']);
							console.log("error");
						}
					});
				},
				select: function(event, ui){
					//処理
				}
			});
		});

<input id="autoc" type="text" name="name" value="" >

Answer 1

$.ajax({ の直前にimg要素を表示して、resp($.map(o, function(item) { の直前でそれを消せばよいです。

Comments

[k.t.est]

有難う御座いました！無事できました！