Ajax загрузить отформатированную таблицу

Question

У меня есть страница jsp (page1.jsp), которую я использую для запроса базы данных и отображения результатов в виде таблицы с древовидной структурой. Для этого я использую плагин jquery под названием treetable.

На другой странице (page2.jsp) я использую ajax, чтобы получить первую страницу (page1.jsp). НО проблема в том, что я теряю древовидную структуру, когда в этот новый page2.jsp загружается page1.jsp. Это функция javascript в page2.jsp, используемая для загрузки page1.jsp

function loadpage1()
{
    var xmlhttp;
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    }


    xmlhttp.open("GET","page1.jsp",true);

    xmlhttp.send();
}

TreeTable применяется к таблице с таким классом, как этот

$(".tree").treeTable(); 

и я вызываю функцию ajax следующим образом

<table >
    <tr onclick="loadpage1()" >
        <td id="myDiv">Load</td>
    </tr>
</table>

Есть ли способ сохранить древовидную структуру в Page2.jsp? Заранее спасибо.