$(document).ready(function() {
    var url = "http://json-time.appspot.com";
    function showTime(data) {
        $.getJSON(url + "/time.json?tz=" + $("#zones").val() + '&callback=?',
            function (json){
                $("#zones-msg").text('The time is now ' + json["datetime"] + '.');
            });
    };
    
    $.getJSON(url + "/timezones.json?callback=?",
        function (json) {
            var zones = $("#zones");
            for (var k = 0; k < json.length; k++) {
                zones.append("<option>" + json[k] + "</option>");
            };
            zones.bind("change", showTime)
        });
});