Purtroppo non conosco un'acca di jQuery. Se però ti può essere utile del semplicissimo javscript…
codice:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Pagina senza titolo</title>
<script type="text/javascript">
var province = {
"AG": "Agrigento",
"AL": "Alessandria",
"AN": "Ancona",
"AO": "Aosta",
"AP": "Ascoli Piceno",
"AQ": "L'Aquila",
"AR": "Arezzo"
};
function generateTree () {
var oAnchor, oLi, oUl = document.createElement("ul");
for (var sKey in province) {
oLi = document.createElement("li");
oAnchor = document.createElement("a");
oAnchor.appendChild(document.createTextNode(sKey + " - " + province[sKey]));
oLi.appendChild(oAnchor);
oUl.appendChild(oLi);
}
document.getElementById("contenitore").appendChild(oUl);
}
</script>
</head>
<body>
<span style="color: #0000ff; text-decoration: underline; cursor: pointer;" onclick="generateTree();">Genera albero</span></p>
<div id="contenitore"></div>
</body>
</html>