Jquery - fyll popup 2 beroende på val i popup 1

$(function(){
    var map = {
        area1: [ 'Gata 1', 'Gata 2', 'Gata 3' ],
        area2: [ 'Gata A', 'Gata B', 'Gata C' ],
        area3: [ 'Gata I', 'Gata II', 'Gata III' ]
    };
    $('#areas').change(function(){
        var area = this.value; // this är elementet <select> och value är det i <option value="...">
        var $s = $('#streets'); // hämta #streets till en variabel (fungerar som en cache)

        // För varje gata i detta område...
        for(var i = 0; i < map[area].length; i++){
            $s.append('<option>' + map[area][i] + '</option>');
        }
    });
});