Load image using filename no extension

imageloader.js

var validImageExtensions = ['jpg','png','gif','jpeg'];

function imageOrDefault( path, defaultPath, target, index ){
  var img = $('<img>'),
      extensionIndex = index || 0;

  $(img)
    .on('load', function(){
        target.prop('src', img.prop('src'));
    })
    .on('error', function(){
        if (extensionIndex === validImageExtensions.length - 1){
            target.prop('src', defaultPath);
        } else {
            imageOrDefault( path, defaultPath, target, extensionIndex +1);
        }
    });
    img.prop('src', path + '.' + validImageExtensions[extensionIndex]);
}