var json = {
    "lojas": [
        {
            "cidade": "New York",
            "uf": "RS",
            "unidades": [
                {
                    "nome": "Tribeca",
                    "logradouro": "Rua Ligula Amet, 30",
                },
                {
                    "nome": "Brooklyn",
                    "logradouro": "Av. Venenatis Dapibus, 200",
                }
            ]
        },
        {
            "cidade": "São Paulo",
            "uf": "SP",
            "unidades": [
                {
                    "nome": "Centro",
                    "logradouro": "Av. Purus Fusce, 1003",
                }
            ]
        },
        {
            "cidade": "Rio de Janeiro",
            "uf": "RJ",
            "unidades": [
                {
                    "nome": "Copacabana",
                    "logradouro": "Rua Malesuada, 120",
                }
            ]
        }
    ]
};

$.each(json.lojas, function (i, lojas) {
    var siglas = '<li><a href="#' + lojas.uf + '">' + lojas.cidade + '</a></li>';


    var cidades = '<ul id="' + lojas.uf + '"class="cidades">';
        $.each(lojas.unidades, function (i, unidades) {
            cidades += '<li><p>'+ unidades.nome + '</p><p>' + unidades.logradouro + '</p></li>';
        });
    cidades += '</ul>';

    $(siglas).appendTo('#lista-siglas');
    $(cidades).appendTo('#lista-cidades');
});