title: IndexedDB Fails when adding objects that contain element references
body: <p>I'm writing an application for Google Chrome (targeted audience is an internal team) that allows a user to manipulate elements from within an iframe.  The user is able to use her mouse to select DOM elements and to perform various actions to them, such as changing colors, fonts, etc.</p>
  
  <p>I'm using a <code>nodeIterator</code> method to select only elements that have IDs or class names.  Then for each of those elements, I add some element-specific properties to an object, and push that object to an array.  Then, I open an IndexedDB database and add each object in the array to the database.</p>
  
  <p>My problem is this:  Everything works fine so long as I don't include a reference to the element in the object.</p>
  
  <pre><code>// Works fine
  array.push({
       width : currentNode.offsetWidth,
      height : currentNode.offsetHeight,
         top : currentNode.style.top;
        left : currentNode.style.left;
  });
  
  // Doesn't work
  array.push({
        elem : currentNode,
       width : currentNode.offsetWidth,
      height : currentNode.offsetHeight,
         top : currentNode.style.top;
        left : currentNode.style.left;
  });
  </code></pre>
  
  <p>Google chrome fails silently (nothing in the console at all) after trying to add the first element to the IndexedDB store.</p>
  
  <p>My question is this:  Has anyone else experienced this behavior and is this a browser-specific bug?</p>
  
  <p>I'll distill my code to JSfiddle tomorrow.  Thanks in advance.</p>