Javascript array transferring, but values are not
<p>I have a function <code>quickbuy_view.checkout()</code>
which accepts a <code>product</code> object.
I call the function with </p>

<pre><code>quickbuy_view.checkout(new Product(12530257))
</code></pre>

<p>This is part of the code where a bug arises</p>

<pre><code>console.log('quickbuy_view')
console.log(quickbuy_view)
console.log('quickbuy_view.product')
console.log(quickbuy_view.product)
console.log('quickbuy_view.product.displays');
console.log(quickbuy_view.product.displays);

var display = quickbuy_view.product.displays[0];
//This is where the actual error occurs
$('#quickbuy .display .main img').attr('src',display.vw1Reg)
</code></pre>

<p>In chrome's console I can see that <code>quickbuy_view.product</code> returns an object with an <code>displays</code> array of length 3. However when I attempt to log <code>quickbuy_view.product.displays</code>, an empty array is returned.</p>

<p>The weird thing is, when I later enter <code>quickbuy_view.product.displays</code>, I get the array as expected.</p>

<p><a href="http://i.stack.imgur.com/UuO4I.png" rel="nofollow"><img src="http://i.stack.imgur.com/UuO4I.png" alt="Console view"></a></p>
