Iterate over a JSON object and create a html list.

iter.js

var iter = function() {
  var lev = 0;
  var levels = [0,0,0,0];
  var uls = [$('<ul>')];
  return function(obj,level) {
    for (var prop in obj) {
      if (obj.hasOwnProperty(prop)) {
        levels[lev]++;
        if (typeof obj[prop] == 'object') {
          uls[lev].append($('<li>').text(prop + ":"));
          lev++;
          uls[lev] = $('<ul>');
          iter(obj[prop]);
        } else {
          uls[lev].append($('<li>').text(prop + ":" + obj[prop]));
        }
      }

    }
    switch(lev) {
      case 0:  return $('<div>').append(uls[0]).html();
        break;
      default: uls[lev-1].append(uls[lev]);
        break;
    }
    
    lev--;
  }
}()