Javascript-форум - Помогите разобраться. Массивы, управляющие структуры и прочее...

Никак не разберусь с вызовом элементов массива, подскажите пожалуйста, правильно ли я все делаю?

Вот собственно код:

<html>
 <head>
  <title>
 Рок гитаристы
  </title>
  <script type="text/javascript">
   var group = new Array(4);
   group[0] = "Led Zeppelin";
   group[1] = "Rolling Stones";
   group[2] = "Deep Purple";
   group[3] = "Black Sabbath";

   var guitarist = new Array(4);
   guitarist[0] = "Джимми Пейдж";
   guitarist[1] = "Кейт Ричардс";
   guitarist[2] = "Ричи Блекмор";
   guitarist[3] = "Тони Айоми";
  </script>
  <script type="text/javascript">
 var i = group.length;     
 function getguitarist(){
   if (i == document.all.text.value)   {
            document.all.pole.innerHTML = guitarist[i]
                                       }

                        }   

  </script>
 </head>
 <body>
  <p>
   Назовите группу:
  </p>
  <form id="form">
   <input type="text" id="text">
   <input type="submit" onClick="getguitarist()" value="Найти">
  </form>
  <hr>
  <div id="pole">
  <div>
 </body>
</html>

скрипт должен сравнить значение получаемое от текстового поля, с массивом group, найти подходящий элемент и вписать в страницу соответствующее значение элемента из другого массива guitarist. Однако не работает... Подскажите, где напутал