Edit in JSFiddle

$.ajax({
    url: "https://api.myjson.com/bins/42xq4",
    type: "GET",
    dataType: "json",
    success: function(tvShows) {
        // Make sure the container is empty
        $("#tv-shows").empty();

        $.each(tvShows, function(currTvShowKey, currTvShowVal) {
            var tvShowDom = $("#tpl-tv-show").clone();

            $(tvShowDom).find(".tpl-tv-show-image").attr("src", currTvShowVal.image);
            $(tvShowDom).find(".tpl-tv-show-image").attr("alt", currTvShowVal.title);

            $(tvShowDom).find(".tpl-tv-show-title").text(currTvShowVal.title);

            $(tvShowDom).find(".tpl-tv-show-link").attr("href", currTvShowVal.wikiUrl);

            $("#tv-shows").append($(tvShowDom).html());
        });        
    }
});


/*
{"1":{"title":"American Horror Story","image":"https://upload.wikimedia.org/wikipedia/commons/thumb/8/81/Ecran_Titre_d%27American_Horror_Story.png/240px-Ecran_Titre_d%27American_Horror_Story.png","wikiUrl":"https://en.wikipedia.org/wiki/American_Horror_Story"},"2":{"title":"The Simpsons","image":"https://upload.wikimedia.org/wikipedia/commons/thumb/b/bc/The_Simpsons_Logo.svg/220px-The_Simpsons_Logo.svg.png","wikiUrl":"https://en.wikipedia.org/wiki/The_Simpsons"},"3":{"title":"The Walking Dead","image":"https://upload.wikimedia.org/wikipedia/en/thumb/1/17/The_Walking_Dead_title_card.jpg/250px-The_Walking_Dead_title_card.jpg","wikiUrl":"https://en.wikipedia.org/wiki/The_Walking_Dead_(TV_series)"},"4":{"title":"South Park","image":"https://upload.wikimedia.org/wikipedia/en/thumb/5/59/South_Park.png/260px-South_Park.png","wikiUrl":"https://en.wikipedia.org/wiki/South_Park"}}
*/
<section class="tpl-area">
    <article id="tpl-tv-show">
        <div class="col-xs-4">
            <div class="thumbnail">
                <img class="tpl-tv-show-image" src="" alt="">
                    
                <div class="caption">
                    <h3 class="tpl-tv-show-title"></h3>
                    
                    <a class="tpl-tv-show-link" href="" target="_blank">Read more</a>
                </div>
            </div>
        </div>
    </article>
</section>
    
<div class="container">
    <div id="tv-shows" class="row"></div>
</div>
.tpl-area,
.tpl-area * {
    display: none !important;
}

/* --- */

body {
    padding-top: 20px;
}

.thumbnail {
    min-height: 250px;
}

.thumbnail img {
    height: 100px;
}

External resources loaded into this fiddle: