Forma simples de receber e manipular Json com Jquuery $.get e $.getJSON nesses 2 arquivos mostros 2 formas de fazer isso.

manipularJson_comJquery.js

$(document).ready(function(){
    $.get( "http://seu site/", function( data ) {


data = typeof data == 'string' ? JSON.parse(data) : data;
data.forEach(function(elementoDaArray) {

    var div = document.createElement('div');

    id = elementoDaArray.id;
    cidade = elementoDaArray.cidade;
    console.log(cidade);
    console.log(id);


    //div.innerHTML = JSON.stringify(elementoDaArray);
    //document.body.appendChild(div);


});

manupilarJsoncomJs.js

$.getJSON( "http://seusite.com/", function( data ) {
//console.log(data);
console.log(data[0]['cidade']);
console.log(data[1]['cidade']);

});