VRaptor + Json - manipular json

Pessoal, estou tendo dificuldades para manipular os dados de um json com jquery.
Olhei o exemplo da documentação do jquery mas nao consegui fazer da forma que está la.

Não estou conseguindo percorrer os dados do json.

segue o código.

@Get("/selecionaCidade={cidade.id}")
public void selecionaCidade(Cidade cidade){
	Cidade cidade = cidadeDAO.pesquisaPorId(cidade.getId());
	List<Bairro> bairros = bairroDAO.retornaBairrosQueAtendemosPorCidade(cidade);
	result.use(json()).from(bairros,"bairros").serialize();
}

json

{"bairros": [
     {
          "id": 3278,
           "nome": "BELVEDERE"
     },
     {
           "id": 3361,
           "nome": "FLORESTA"
     },
     {
           "id": 3522,
            "nome": "SANTO AGOSTINHO"
     }
]}

função jquery

<script type="text/javascript">
		function carregaBairros(cidade){
			var url = "${pageContext.request.contextPath}/bairro/selecionaCidade="+cidade;
			$.getJSON(url,function (json) {
								$.each(json.bairros, function(i,item){
							  		alert(item.nome);
						  		}
						  }
					  );
		}
	
</script>

Se eu retornar o objeto ao invés de uma lista, consigo acessar normalmente da seguinte forma : json.bairros.nome

o problema é ao percorrer a lista que devo estar pecando em algo.

desde já agradeço a atenção.

alguém?

instala o firebug no seu firefox (ou use o chrome) e coloque um console.dir(json)

e veja o json que ele retornou