Вечер добрый.

У меня есть .php скрипт который выдает мне инфу в json формате. Исходя из этой инфы я хочу построить дерево вида 
<ul>
....<li>
........<ul>
..........<li></li>
и т.д.

Я вроде написал на пхп ф-ию, которая делает то что нужно, но мне нужно её в jQuery написать, т.к. для каждого элемента я хочу повесить onClick.
Суть в том, что, в пхп я просто вывожу через echo нужные мне элементы, а в js .append работает по другому. В комментариях я закоментил переменную tree. Если просто понапихать в переменную все подряд, то дерево строится но так не получится привязать обработчики.
 Вот то что получилось:


Вот если просто заменить html переменной tree, то дерево построится но толку нет. Мне нужно на каждый элемент будет повесить onClick. Я просто не могу сообразить как правильно прибавлять новые элементы в список =\

Используешь append совершенно не правильно
Нужно в переменную сформировать дерево, а в конце один раз вызвать $("#treeList").append(tree);

Ну да, это я в комментарии выделил, либо
          //    $("#treeList").html(tree);
либо аппендом.

Но мне нужно еще на этапе формирования дерева на каждый элемент повесить onClick. Ну или даже так, на самом деле рядом с каждой надписью должно быть несколько кнопок, и мне нужно будет их дифференцировать. Т.е. например

-Запись 1  (кнопка1, кнопка2, кнопка3)
...-Запись 1.1. (кнопка 1, кнопка 2, кнопка 3, кнопка 4)



Вот тут в tree содержится дерево, и если я сделаю аппенд один раз, все будет, но как тогда повесить на каждый элемент свой онклик 

Добавлено через 3 минуты и 55 секунд

Я просто хотел другим способом, когда непосредственно элементу вешается onclick: $("#element").onclick(); 
Ну так тоже можно, единственное я не понимаю почему это работает только в случае если ф-ия handleOnClick находится за пределами $(function() {..})

Поясни, вопрос не понятен