Accessing Object properties when the object is within an array (javascript)
<p>I am attempting to create an array of objects and then access object properties within the array, but it comes back undefined. I call the createObjArray() function and immediately after I do a console.log(objArray[1]); and it prints out the object with all it...s properties just fine.  However, if I attempt to do console.log(objArray[1].name); firebug prints "undefined".  Also, when stepping through my code in firebug I can mouse over objArray[1].name and it displays the correct name.  What is happening here, it's driving me nuts.</p>

<pre><code>var objArray = [];

function createObjectArray(numOfObjs) {

    for(var i=0; i&lt;numOfObjs; i++) {

packages.push(initObj(i)); 

    }
 }

function initObj(i){
    var newPackage;
    var p = {};
    $.getJSON('.../package' + i + '.json', function(data) {
        newPackage = new Package(data);
        p.name = newPackage.name;
        p.id = i;      
    });
    return p;
 }
</code></pre>
