title: for variable within .getJSON displayed wrong
body: <p>I have the following code (javascript/jQuery)</p>
  
  <pre><code>$(function(){
      for(var i=0;i&lt;3;i++){
  
          $.getJSON("https://api.twitch.tv/kraken/streams/esl_csgo", function(data){
              console.log(i);
              console.log(data);
          });
      }
  });
  </code></pre>
  
  <p>console log:</p>
  
  <pre><code>3
  Object { stream: Object, _links: Object }
  3
  Object { stream: Object, _links: Object }
  3
  Object { stream: Object, _links: Object }
  </code></pre>
  
  <p>isn't it true, that <code>console.log(i);</code> should log 0 in the first loop, 1 in the second and 2 in the third? But somehow it always returns 3 :(</p>