JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="real">Click Me (Real Image)</a> - <a href="#" id="fake">Click Me (Fake Image)</a>
<div id="imageHolder"></div>

JavaScript

$('#real').on('click', function () {
    var img = $('<img  />').load(function () {
        $("#imageHolder").append(img);
    }).error(function () {
        alert('broken image!');
    }).attr('src', 'http://www.yogadork.com/wp-content/uploads/2009/03/kitty-cat-yoga-leg.jpg');
});
$('#fake').on('click', function () {
    var img = $('<img  />').load(function () {
        $("#imageHolder").append(img);
    }).error(function () {
        alert('broken image!');
    }).attr('src', 'garbage-url.jpg');
});