title: Pushing objects in an array only returns last object pushed
body: <p>I am working on YUI DataTables, to populate the data table i want to send the columns and their values dynamically from outside, for that i have written the following code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;script src="http://yui.yahooapis.com/3.17.2/build/yui/yui-min.js"&gt;&lt;/script&gt;
  &lt;div class="example yui3-skin-sam" id="simple"&gt; &lt;!-- You need this skin class --&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
  var cols = ["id", "name", "price"];
  var obj = {
      id: "",
      name: "",
      price: ""
  };
  var data2 = new Array();
  obj.id = "ga";
  obj.name = "gadget";
  obj.price = "$6.99";
  data2.push(obj);
  obj.id = "ga2";
  obj.name = "gadget2";
  obj.price = "$7.99";
  data2.push(obj);
  obj.id = "ga3";
  obj.name = "gadget3";
  obj.price = "$8.99";
  data2.push(obj);
  YUI().use("datatable", function (Y) {
      // A table from data with keys that work fine as column names
      var simple = new Y.DataTable({
          columns: cols,
          data   : data2,
          summary: "Price sheet for inventory parts",
          caption: "Example table with simple columns"
      });
  
      simple.render("#simple");
  
  });
  &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>now the problem is that, it shows only the last obj pushed in data2.. kindly tell me why its not displaying all three objs. the resulting table from this code is</p>
  
  <pre><code>id      name    price
  
  ga3   gadget3   $8.99
  </code></pre>