Please explain what is happening in this piece of code in chrome console? : <blockquote>
  <p><code>Javascript</code> code:</p>
</blockquote>

<pre><code>for(var i=0; i&lt;5; i++){
  console.log(i);
  setTimeout(function(){
    console.log(" magic "+ i)
  }, 2000);

};
</code></pre>

<blockquote>
  <p>outputs:</p>
</blockquote>

<p><a href="https://i.stack.imgur.com/DG64f.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DG64f.png" alt="output"></a></p>

<ol>
<li>What does the number <code>25</code> mean ?</li>
<li>How <code>i</code> was incremented  to <code>5</code> while <code>i++</code> is unreachable after <code>4</code>?</li>
</ol>
