Изменение картинки по клику на кнопку
 

Всем привет, мучаюсь уже 2 день.

<div class="game">
		<form method="post" action="">
			<input type="text" value="Ваш ID">
		<div class="window" id="box">
			<img src="https://pp.vk.me/c604717/v604717837/24ad8/3PnLL6GVrGM.jpg" name="myImage" id="id" width="200" height="200">
		</div>
		<input type="submit" onClick="add()" value="Начать" />
		</form>
	</div>

function add() {
	var z = document.getElementById("id");
	var image = [];
	image[0]="HTTPS://pp.vk.me/c604717/v604717837/24af2/Mkohs4O1jF0.jpg";
	image[1]="HTTPS://pp.vk.me/c604717/v604717837/24ae5/tpfMG1ClZXY.jpg";
	z.src = image[1];
}

Картинка не меняется при нажатии на кнопку.
Что только не перепробовал уже. Спасибо

lloudb,

<div class="game">
    <form method="post" action=""  onsubmit="return false">
      <input type="text" value="Ваш ID">
    <div class="window" id="box">
      <img src="https://pp.vk.me/c604717/v604717837/24ad8/3PnLL6GVrGM.jpg" name="myImage" id="id" width="200" height="200">
    </div>
    <input type="submit" onClick="add()" value="Начать" />
    </form>
  </div>
 <script>
     function add() {
  var z = document.getElementById("id");
  var image = [];
  image[0]="https://pp.vk.me/c604717/v604717837/24af2/Mkohs4O1jF0.jpg";
  image[1]="https://pp.vk.me/c604717/v604717837/24ae5/tpfMG1ClZXY.jpg";
  z.src = image[1];
}

 </script>

отдельным файлом это нельзя сделать?

lloudb,
если вы про скрипт, то можно

так вы же ничего не изменили в моём коде?

Вставил этот код, ничего не работает. Браузер Firefox

более ничем помочь не могу

Попробовал через Google-Chrome картинка появляется и сразу исчезает