title: Add a property to JSON Object obtained from remote data
body: <p>I have an array of JSON objects that I obtained like this</p>
  
  <pre><code>var arr = [];
  
  $.getJSON( 'http://localhost:port/api/blah/blah', function( jsonPayload ) {
  
        console.log('Getting JSON...');
  
        // Do stuff with JSON data here, or call a function here and
        // pass the data to it as an argument
  
        arr = jsonPayload;
        console.log('arr IS SET!');
        functionCall();
        //printArr(arr);
  });
  </code></pre>
  
  <p>Which my array, arr, has a bunch of JSON objects that look like this</p>
  
  <pre><code>{
    "id": 123,
    "name": "Joe Schmo",
    "blah": "blah",
    .
    .
    .
  }
  </code></pre>
  
  <p>Anddd I try to add a new property to <strong>Each</strong> of these objects like so</p>
  
  <pre><code>for (var i = 0; i &lt; arr.lenth ; i++)
  {
      var curr = arr[i];
      curr.newProp= 0;
  }//end for loop adding newProp property
  </code></pre>
  
  <p>Yet when I look over the finished array with the JSON objects I find out that My newProp <strong>wasn't</strong> added to the JSON objects.</p>
  
  <p>Why is this and can you help me out?</p>