Pourquoi ce javascript ne fonctionne-t-il pas?

Question

Je n'arrive pas à faire fonctionner ça. Il actualise la page en tant que 'non défini', donc je ne peux même pas résoudre les problèmes avec Firebug. Quelqu'un peut-il me signaler quelle partie de ce retour serait indéfini?

var locations = { 
    'us-lax': { 
    'name': 'Los Angeles' 
    }, 
    'us-nyc': { 
    'name': 'New York' 
    } 
}; 

// this is the order in which they'll appear 
var all_locations = ['us-lax', 'us-nyc']; 

function bar() { 
    $('#foo').prepend('<h3>foo</h3>'); 
    for (i in all_locations) { 
    location = locations[all_locations[i]]; 
    loc = $('<li></li>'); 
    loc.html(location['name']); 
    loc.appendTo('#foo'); 
    } 
}; 

$(document).ready(function() { 
    bar(); 
}); 

Answer 1

Le nom "location" est utilisé par la plupart des navigateurs. Essayez d'utiliser un nom différent pour cette variable.

Answer 2

est l'élément avec ID foo sur la page?