Как получить доступ к названию элемента в Json?

Question

Я хочу получить JSON из http://omadbapi.com/?s= для поиска сценария, но у меня возникают проблемы с получить заголовок элемента в этом формате JSON:

{ 
    "Search": [{ 
     "Title": "Sherlock Holmes: A Game of Shadows", 
     "Year": "2011", 
     "imdbID": "tt1515091", 
     "Type": "movie" 
    },{ 
     "Title": "Spy Kids 3-D: Game Over", 
     "Year": "2003", 
     "imdbID": "tt0338459", 
     "Type": "movie" 
    }] 
} 

JavaScript:

$(document).ready(function() { 
    var url = 'http://www.omdbapi.com/?', 
     mode = 's=', 
     input, 
     movieName; 

    $('button').click(function() { 
     var input = $('#movie').val(), 
     movieName = encodeURI(input); 

     $.getJSON(url + mode + input, function(data) { 
      $.each(data, function(e, p) { 
       document.getElementById("item").innerHTML="Title : " + p.Title; 
      }); 
     }); 
    }); 
}); 

Как я могу извлекать p.Title или data.Title из возвращенного JSON?

Answer 1

Попробуйте как этот

$.each(data.Search, function(e,p) { 
    document.getElementById("item").innerHTML="Title : " + p.Title; 
}); 

Answer 2

За первый титул:

data.Search[0].Title 

Для второго:

data.Search[1].Title 

Fiddle: http://jsfiddle.net/dgrundel/d2m8z3oj/