How can i apply Jquery treeview (http://jquery.bassistance.de/treeview/demo/) to Sharepoint WebPart?

Here's my code in Ascx in Page Load to form the bulleted list below.

*Site name
     *Group Name
         *User1
         *User2
     *Group Name 2
         *User1
         *User2

 protected void Page_Load(object sender, EventArgs e)
        {
            try
            {
                using (SPSite site = SPContext.Current.Site)
                {
                    using (SPWeb web = site.RootWeb)
                    {
                        //lvSites.Items.Clear();
                        SPGroupCollection grpCol = web.SiteGroups;
                        Controls.Add(new LiteralControl("<ul id='browser' class='treeview'><li><span>" + grpCol.Web.Site.ToString()+ "</span></li>"));
                        Controls.Add(new LiteralControl("<ul>"));
                        foreach (SPGroup grp in grpCol)
                        {

                            Controls.Add(new LiteralControl("<li><span>" + grp.Name + "</span></li>"));
                            Controls.Add(new LiteralControl("<ul>"));
                            foreach (SPUser user in grp.Users)
                            {

                                Controls.Add(new LiteralControl("<li><span>"+ user.Name + "</span></li>"));
                            }
                            Controls.Add(new LiteralControl("</ul>"));
                        }
                        Controls.Add(new LiteralControl("</ul>"));
                        Controls.Add(new LiteralControl("</ul>"));

                    }
                }

            }
            catch (Exception ex)
            {
                Controls.Add(new LiteralControl(ex.Message));
            }

Note:
JQuery Treeview is working when i created a bulleted list on the CEWP.
but the treeview is NOT TAKING EFFECT on the bulleted list on the webpart.

Thanks in advance.