[NeVirus]

Доброго времени суток знатоки JS!

Суть дела такова - есть код:

for (i = 0 ; i < result_descr_small.length ; i++){
			$("#SortResult").append("<div class = 'sort_label'>" + result_descr_small[i] + "</div>");
			for (y = 0; y < result_rows.length; y++){
				if (result_descr_small[i] == result_descr[y])
				{
					$("#SortResult").append("<div class = 'sort_row'>" + result_text[y] + "</div>");	
				}
			}
		}

который делает очень простую вещь - раскидывает по категориям, имена которых в одном массиве, данные из другого массива. Как нужно его подкорректировать что бы DIV являющийся именем категории был контенером для DIV -ов с данными? Попытка решить дело так:

for (i = 0 ; i < result_descr_small.length ; i++){
			$("#SortResult").append("<div class = 'sort_label'>" + result_descr_small[i]);
			for (y = 0; y < result_rows.length; y++){
				if (result_descr_small[i] == result_descr[y])
				{
					$("#SortResult").append("<div class = 'sort_row'>" + result_text[y] + "</div>");	
				}
			}
			$("#SortResult").append("</div>");
		}

вполне ожидаемо провалилась

Реализация топорная, т.к. я новичек ... за подсказки как можно было решить вопрос проще /производительнее (через конструктор объектов или т.п.) с примерами тоже буду благодарен.