title: How do render data as indented list in html using jquery?
body: <p>I have json data in my second page. How do i display those data as indented list?</p>
  
  <p>Do I have to use accordion widget from jquery ?</p>
  
  <p>I am newbie in UI development. So please excuse my simple query like this.
  Please show me a direction on how to proceed in implementing this. Thanks in advance.</p>
  
  <hr>
  
  <pre><code>$.ajax({
                  url: "data/widgetData.json",
                  dataType: "text",
                  success: function(data) {
                      var jsondata = $.parseJSON(data);
                      $.each(jsondata, function(i, item) {
                          $.each(this, function(k, v) {
                              childElements = v['children']
                              $('.header span').text(v.title)
                              $.each(childElements,function(key,value) {
                                  // $('#parent1').text(childElements[key].label + '('+childElements[key].deviceName+')')
  
                                  if(childElements[key].children){
                                       for (var i = 0; i &lt; childElements[key].children.length; i++) {
  
                                       };
                                  }
                              });
  
  
                          });
                      });
                  }
              });
  </code></pre>