Basic jQuery function
<p>Could someone please explain, why do we need <strong>each(function <code>(i)</code></strong>
what does <code>(i)</code> do? seems like <strong><code>i</code></strong> could be any letters.
why <code>(i)</code> is necessary?  I don't quite understand. Many Thanks </p>

<pre><code>&lt;body&gt;
    &lt;div&gt;Click here&lt;/div&gt;
  &lt;div&gt;to iterate through&lt;/div&gt;
  &lt;div&gt;these divs.&lt;/div&gt;
&lt;script&gt;
    $(document.body).click(function () {
      $( "div" ).each(function (i) {
        if ( this.style.color != "blue" ) {
          this.style.color = "blue";
        } else {
          this.style.color = "";
        }
      });
    });
&lt;/script&gt;
</code></pre>
