title: jquery treeview not working
body: <p>I have a ul having li's. Each li has a div having the actual text. I am programmatically adding the li's depending on the contents of a json object I have loaded using ajax with async false. Depending on the json each ul has a different id. In the function where I am creating the ul I am adding it to the document and then retrieving it for making the treeview call. I am simply using the treeview call and dont need any other options.</p>
  
  <pre><code>$(str1).html('&lt;div id = hiddenDivforList&gt;'+list+'&lt;/div&gt;');
  
   $("#"+strId + "~labelList").treeview();
  </code></pre>
  
  <p>The id is fine I have checked in the html using firebug. But there is no change in the display of the list after the treeview call!</p>
  
  <p>Kindly help me with this 
  Kavita</p>
  
  <p>Sorry Here is the sample i am running</p>
  
  <pre><code>    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01    Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
  &lt;title&gt;Insert title here&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="Styles/jquery.treeview.css" /&gt;
  &lt;script type="text/javascript" src="Scripts/jquery-1.5.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="Scripts/jquery.tools.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="Scripts/jquery-layout.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="Scripts/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script src="Jquery/jquery.cookie.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="Jquery/jquery.treeview.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(function(){
  $("#name1").treeview({
          animated: "fast",
          collapsed: true
  });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;ul id="name1"&gt;
  &lt;li&gt;&lt;div&gt;data1&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;div&gt;data1&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;div&gt;data1&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;div&gt;data1&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;div&gt;data1&lt;/div&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I am not seeing any visible change in the display. No + mark for collapse
  Kavita</p>