使用jQuery创建嵌套的UL列表

Question

假设我有以下对象：

var data =
[
{"x.y":"X Y"},
{"x.y.a":"X Y A"},
{"x.y.b":"X Y B"},
{"x.y.c":"X Y C"},
{"d.e":"D E"}
];

如何使用jQuery在HTML中呈现它们？

x:
 y:"X Y"
  a:"X Y A"
  b:"X Y B"
  c:"X Y C"
d:
 e:"D E"