$('#action-button').click(function() { $.ajax({ url: 'http://api.joind.in/v2.1/talks/10889', data: { format: 'json' }, error: function() { $('#info').html('<p>An error has occurred</p>'); }, dataType: 'jsonp', success: function(data) { var $title = $('<h1>').text(data.talks[0].talk_title); var $description = $('<p>').text(data.talks[0].talk_description); $('#info') .append($title) .append($description); }, type: 'GET' }); });
<button id="action-button">Click me to load info!</button> <div id="info"></div> <small>Demo created by <a href="https://twitter.com/AurelioDeRosa">Aurelio De Rosa</a></small>