title: Looping through a JSON Array gives "undefined" results
body: <p>I have a JSON String being parsed (in a <code>response</code> var) from AJAX:</p>
  
  <p><em>The JSON</em></p>
  
  <pre><code>{
     "TheArray":[  
        {  
           "AlmostThere": {  
              "whatWeAreLookingFor":"Hello"
           }
        },
        {
          "AlmostThere": {
              "whatWeAreLookingFor":"Goodbye"
          }
        }
     ]
  }
  </code></pre>
  
  <p><em>The JSON being parsed</em></p>
  
  <pre><code>var jsonData = JSON.parse(response); //response is the string version of the JSON code!
  </code></pre>
  
  <p><strong>Now, I need to loop into the JSON array, hereby mentioned as <code>TheArray</code></strong>. I do this:</p>
  
  <p><em>Looping TheArray</em></p>
  
  <pre><code>for (var contents in jsonData["TheArray"]) {
  
  }
  </code></pre>
  
  <p>And inside there, we get the value of the <code>whatWeAreLookingFor</code> element:</p>
  
  <pre><code>for (var contents in jsonData["TheArray"]) {
      console.log(contents.whatWeAreLookingFor + "!");
  }
  </code></pre>
  
  <p><em>But there is a catch! The console outputs...</em> <code>undefined!</code>. - 
  I have tried multiple ways to make this work, such as using <code>contents["whatWeAreLookingFor"]</code> and what-not, but I still get the same results.</p>