Why is my for loop not working in my JSON function?
<p>Hey Guys im new at coding and working right now on a Twitch Viewer. (FreeCodeCamp)</p>

<p>Im able to get information from the JSON file and show it through my html code.
But my problem is that i cant get the names from my "gamer" array.</p>

<p>Why is the for loop not working in the json function?</p>

<p>Thank you very much for your help!</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var gamer = ["OgamingSC2","ESL_SC2"];

for(i=0;i&lt;(2);i++){
  
$.getJSON('https://api.twitch.tv/kraken/streams/'+gamer[i]+'/?callback=?', function(json) {
  $('.list').append("&lt;b&gt;Name: " + gamer[i] + "&lt;/b&gt;&lt;br&gt;");
  var logo = json.stream.channel.logo;
  
  $('.list').append("Game: " + json.stream.channel.game + "&lt;br&gt;");
  $('.list').append("Status: " + json.stream.channel.status + "&lt;br&gt;");
  $('.list').append("Logo: " + "&lt;img src=" + logo + "&gt;" + "&lt;br&gt;&lt;br&gt;&lt;br&gt;");
  console.log(json);
});}</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>img {
  width: 5em;
  border-radius: 10px;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;head&gt;&lt;script src="http://code.jquery.com/jquery-1.11.2.min.js"&gt;&lt;/script&gt; &lt;/head&gt;
&lt;body&gt;
  &lt;b&gt;Twitch.tv JSON API&lt;/b&gt; &lt;/br&gt;
&lt;div class="list"&gt;&lt;/div&gt;
&lt;/body&gt;</code></pre>
</div>
</div>
</p>