Prośba o wyjaśnienie kodu javascript z tutoriala - walidacja formularzy

**Fragment html formularza **

<form id="opinia" action="#" method="get">
   <h1>Podziel się swoją opinią!</h1>
   <div class="row">
      <div class="lr">Imię i nazwisko:</div>
      <div class="rr"><input type="text" id="pers" name="pers" /></div>
      <div id="ipers" class="info"></div>

Fragment kodu JavaScript

function isEmpty(pole){
   if(pole.value == ""){
      document.getElementById("i" + pole.id).innerHTML = "To pole musi zostać uzupełnione!";
      pole.className = "blad";
      return false;
   }else{
      document.getElementById("i" + pole.id).innerHTML = "";
      pole.className = "ok";
      return true;
   }
}

Możecie mi powiedzieć:Jeśli odwołujemy się do danego id przez getElementById to dlaczego tutaj jest ("i" + pole.id) a nie ipers ? Skąd wzieło się to "i" oraz to pole.id, ?

To jest z kursu dla początkujących i stąd takie pytanie.

Co to ma być ? możesz podać link do tego kursu ? bo ten kod nie robi nic ... jest brzydki i głupi - tu jest tylko zadeklarowana funkcja która nic nie robi - bo nic jej nie woła.

i + pers = ? ipers? ...i właśnie w polu o id = "ipers" wyświetli się komunikat walidacyjny

To jest fragment kodu z kursu JavaScript i Ajax od eduweb i jest płatny.
Cały kod ma 121 linii, tutaj jest podany tylko fragment bo dziwi mnie rodzaj getElementById("i" + pole.id)
Autor nie wyjaśnił dokładnie o co chodzi tylko przepisywał.

ale co Cię dziwi w getElementById("i" + pole.id) ? jeżeli pole.id będzie miało wartość powiedzmy "pieseł" to js będzie szukał elementu o id równym "i"+"pieseł", czyli "ipieseł". Może Cię dziwić sama konstrukcja, po co tam w ogóle to "i" - ale to już ułańska fantazja autora.