Не выполняется Скрипт. В чем проблема?

Question

Tizi @Tizi

гуру программист ( no )

JavaScript

Не выполняется Скрипт. В чем проблема?

Сегодня решил сесть и сделать проект.
Но столкнулся с 1 проблемой.
-- Суть проблемы --
В этом проекте Проект
Должна была присутствовать игра "Найди пару" в теге <div class="poz">...</div>
Ее исход я нашел в интернете
Ссылка на игру

Весь код игры

var pics = new Array();
	for (i = 0; i <= 18; i++) {
	pics[i] = new Image();
	pics[i].src = '' + i + '.gif';}
	var map=new Array(1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17, 17, 18, 18);
	var user = new Array();var temparray = new Array();var clickarray = new Array(0, 0);
	var ticker, sec, min, ctr, id, oktoclick, finished;
	function init() {
	clearTimeout(id);
	for (i = 0; i <= 35 ;i++) {
	user[i] = 0;}
	ticker = 0;min = 0;sec = 0;ctr = 0;
	oktoclick = true;
	finished = 0;
	document.f.b.value = "";
	<!-- web-mastery.info  -->
	scramble();
	runclk();
	for (i = 0; i <= 35; i++) {
	document.f[('img'+i)].src = "img/0.gif";}}
	function runclk() {
	min = Math.floor(ticker/60);
	sec = (ticker-(min*60))+'';
	if(sec.length == 1) {sec = "0"+sec};
	ticker++;
	document.f.b.value = " "+min+" : "+sec+" ";
	id = setTimeout('runclk()', 1000);}
	function scramble() {
	for (z = 0; z < 5; z++) {
	for (x = 0; x <= 35; x++) {
	temparray[0] = Math.floor(Math.random()*36);
	temparray[1] = map[temparray[0]];
	temparray[2] = map[x];
	map[x] = temparray[1];
	map[temparray[0]] = temparray[2];}}}
	function showimage(but) {
	if (oktoclick) {
	oktoclick = false; 
	document.f[('img'+but)].src = ''+map[but]+'.gif';
	if (ctr == 0) {
	ctr++;
	clickarray[0] = but;
	oktoclick = true;} else {
	clickarray[1] = but;
	ctr = 0;
	setTimeout('returntoold()', 600);}}}
	function returntoold() {
	if ((clickarray[0] == clickarray[1]) && (!user[clickarray[0]])) {
	document.f[('img'+clickarray[0])].src = "img/0.gif";
	oktoclick = true;} else {
	if (map[clickarray[0]] != map[clickarray[1]]) {
	if (user[clickarray[0]] == 0) {
	document.f[('img'+clickarray[0])].src = "img/0.gif";}
	if (user[clickarray[1]] == 0) {
	document.f[('img'+clickarray[1])].src = "img/0.gif";}}
	if (map[clickarray[0]] == map[clickarray[1]]) {
	if (user[clickarray[0]] == 0&&user[clickarray[1]] == 0) { finished++; }
	user[clickarray[0]] = 1;
	user[clickarray[1]] = 1;}
	if (finished >= 18) {
	alert('Ваше время  '+document.f.b.value+'!');
	init();} else {
	oktoclick = true;}}}

<form name="f"> <center><table cellpadding="0" cellspacing="0" border="0"><script language="javascript">
							for (r = 0; r <= 5; r++) {
								document.write('<tr>');
								for (c = 0; c <= 5; c++) {
									document.write('<td align="center">');
									document.write('<a href="javascript:showimage('+((6*r)+c)+')" onClick="document.f.b.focus()">');
									document.write('<img src="0.gif" name="img'+((6*r)+c)+'" border="0">');
									document.write('</a></td>');}
									document.write('</tr>');}
								</script>
							</table>

							<input class="button-para" type="button" value=" " style="font-weight: bold" name="b" onClick="init()">
</form>

Скрипт вызывается посредством <body OnLoad="init()">...</body>
и после ее добавления столкнулся с такой проблемой.
Пока у меня есть вот этот код

$('a').on('click', function (e) { e.preventDefault() }

В этой игре не кликаются кнопки
Как только я убираю эту строчку у меня происходит ненужное мне обновление странницы при нажатии на кнопку. но игра стразу начинает работать.

А что собственно требуется.
1)Оставить отмену обновления
2) сделать так что бы кнопки работали.
Кому не понятно то что тут написано можно попробов...