javascript array objects
<p><a href="http://jsfiddle.net/gfuKS/5/">http://jsfiddle.net/gfuKS/5/</a></p>

<pre><code>var transitionInitial = {property: "none"};
var rules = ["color", "background-color"];
var transitions = [];
for ( var k = 0; k &lt; rules.length; k++)
{
    transitions[k] = transitionInitial;
    transitions[k].property = rules[k];
    alert(transitions[0].property);
}​
</code></pre>

<p>Why at the second iteration transitions[0].property equals "background-color"?</p>
