Tengo una duda con el JQuery. ¿Cómo puedo coger los datos "index", "narrative", "distance" y "time" de esta API?
http://www.mapquestapi.com/directions/v2/route?key=Fmjtd%7Cluubn1ut2q%2Cr2%3Do5-90b096&callback=?&ambiguities=ignore&avoidTimedConditions=false&doReverseGeocode=true&outFormat=json&routeType=fastest&timeType=1&enhancedNarrative=false&shapeFormat=raw&generalize=0&locale=en_US&unit=m&from=40.521436,-77.589000&to=40.52199,-77.589999&drivingStyle=2&highwayEfficiency=21.0
Mi código es el siguiente pero no sale en la tabla que se me dibuja. (latinicial, longinicial, latfinal y longfinal son variables que meto haciendo clic en el mapa). Sólo me aparece la cabecera de la tabla. ¿Cómo debo hacer el ajax dentro del $.each?
function hazPeticionRuta( longinicial, latinicial, longfinal, latfinal ){
jQuery(document).ready(function($) {
var myurl = 'http://www.mapquestapi.com/directions/v2/route?key=Fmjtd%7Cluubn1ut2q%2Cr2%3Do5-90b096&callback=?&ambiguities=ignore&avoidTimedConditions=false&doReverseGeocode=true&outFormat=json&routeType=fastest&timeType=1&enhancedNarrative=false&shapeFormat=raw&generalize=0&locale=en_US&unit=m&from=' ;
myurl = myurl + latinicial + ',' + longinicial +'&to=' + latfinal + ',' + longfinal + '&drivingStyle=2&highwayEfficiency=21.0';
$.ajax({
url : myurl,
dataType : "jsonp",
success : function(data) {
$.each(data.route.locations,maneuvers, function(i,item) {
var dato ='<tr><td>' + item.index + '</td><td>' + item.narrative + '</td><td>' + item.distance + '</td><td>'+ item.time + "</td></tr>";
$(dato).appendTo("#tabla");
});
//alert(JSON.stringify(data));
},
error: function(request, status, exception){ //Si el AJAX da error salta a esta función y dice el error
console.log("errorn - "+ status + " - " + exception);
}
});
});
}
ya que JS y Jquery solo interactuan con el DOM 
