【JS】テキストボックスに入力したら、該当する学校名を取得したい

###前提・実現したいこと
リクルートのWebAPIを用いて学校名を動的に取得して一覧表示させたいです。

###現状
ある程度形にはなっております。
が、表示速度が遅く、
表示される項目にダブりがあったり、表示される数が少ないです。

非同期で取得するために
xdomainajaxを用いております。

JavaScript
1$.ajax({
2		  url: 'http://webservice.recruit.co.jp/shingaku/school/v1/?key=___&name=' + value,
3		  type: "GET",
4		  success: function(res) {
5			var html = res.responseText;
6			var schoolList = document.getElementById('list');
7			var htmlList = html.split("</school>");
8           for(var i = 0; i < html.length; i++){
9				var option = document.createElement('div');
10				var inputBox = $("#schoolName").outerWidth();
11				option.setAttribute('class','select');
12	            option.setAttribute('class','over');
13	            option.setAttribute("style" , "width:" + (inputBox - 50) + "px;");
14	            if(htmlList[i]){
15					var firstNameIndex = htmlList[i].indexOf("<name>");
16					var htmlList1 = htmlList[i].substr(firstNameIndex + 6);
17					var lastNameIndex = htmlList1.indexOf("</name>");
18					var nameList = htmlList1.substr(0 , lastNameIndex);
19					if(nameList != ""){
20						option.setAttribute('value',nameList);
21						option.setAttribute('onClick','selectValue('+ '\"' + nameList +'\"' +')');
22						option.innerHTML = nameList;
23						schoolList.appendChild(option);
24					}
25				}
26			}
27		  }
28		});