jQuery code to handle broken (not found) images in webpage

jQuery code to handle broken (not found) images in webpage, This can happen when path of the image is changed or it is removed or renamed. But this can be answered easily with jQuery. When the image is not loaded properly, use jQuery error event on images to handle HTTP errors.

by Sourabh Singh Rathore

HTML

<img class="logo" src="borkenlink" alt="Google">
<br/>
<img class="logo" src="//ssl.gstatic.com/images/logos/google_logo_41.png" alt="Google">

JavaScript

$("img").on('error', function() {
    $(this).prop('src', 'http://placehold.it/350x100&text=Image%20Not%20Found');
});