Ao tentar acessar conteúdo misto com ajax no codepen, diga:
function call_api_chuck () {
$.ajax({
url: "http://api.icndb.com/jokes/random",
jsonp: "callback",
type: "GET",
dataType: "jsonp",
success: function (data) {
$("#author").remove();
$("#quote").append(data["value"]["joke"]);
},
xhrFields: {
withCredentials: false
}
});
};
E você tem outros recursos em sua caneta acessados via HTTPS, você obtém um erro de conteúdo misto.
Basta adicionar https://crossorigin.me/ antes do seu url e ele será empacotado com sucesso.
url: "https://crossorigin.me/http://api.icndb.com/jokes/random"