$.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) {
$("#tv-shows").append(
'<div class="col-xs-4">' +
'<div class="thumbnail">' +
'<img src="' + currTvShowVal.image + '" alt="' + currTvShowVal.title + '">' +
'<div class="caption">' +
'<h3>' + currTvShowVal.title + '</h3>' +
'<a class="tpl-tv-show-link" href="' + currTvShowVal.wikiUrl + '" target="_blank">Read more</a>' +
'</div>' +
'</div>' +
'</div>'
);
});
}
});
/*
{"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"}}
*/
<div class="container">
<div id="tv-shows" class="row"></div>
</div>
body {
padding-top: 20px;
}
.thumbnail {
min-height: 250px;
}
.thumbnail img {
height: 100px;
}
External resources loaded into this fiddle: