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

Question

Я хочу получить JSON от http://omadbapi.com/?s= для поискового скрипта, но у меня проблемы с получением элемента Title в этом 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

Скрипка: http://jsfiddle.net/dgrundel/d2m8z3oj/