Javascript-форум - Не появляется результат работы скрипта

Привожу код:

function canvasloader () {
if(window.File && window.FileReader && window.FileList && window.FormData){}
else{$("body").html("<div style='padding:20px;'>Извините, но Ваш браузер не поддерживает все необходимые функции, которые необходимы для работы с этой страницей.</div>");}

var arrImg = [];	
$("input[type='file']").on("change", function(){
	var files = this.files;
	function loadImg(i)
	{
		if(i < files.length)	
		{
		var f = files[i];
		var fr = new FileReader();
		fr.onload = function(){
		arrImg.push(this.result);
		$("div").append("<img src='"+this.result+"' style='width:200px;' />");		//добавление изображения на страницу для просмотра
		loadImg(i+1);	
			};
			fr.readAsDataURL(f);	
			
		}
	else	
		{
	alert("Загружено изображений: "+files.length+"\nВсего изображений: "+arrImg.length);
		}
	}
	loadImg(0);
});
//отправка данных на сервер
$("form").on("submit", function(){
var sendData = new FormData();		
for(var i=0; i<arrImg.length; i++)
	{
sendData.append("имя"+(i+1), arrImg[i]);
	}
return false;
});
}

По сути здесь должно получиться так, чтобы при успешном выполнении скрипта появилась картинка, которую пользователь загрузил. Но браузер выдаёт ошибку:

Код:

ReferenceError: $ is not defined

Как её исправить?