title: window.postMessage not working from iframe to parent document
body: <p>I'm trying to send a simple message from a child document (an iframe) back to its direct parent using the window.postMessage API.</p>
  
  <p>Within the parent document I have the following:</p>
  
  <pre><code>window.addEventListener("message", receiveMessage, true);
  var receiveMessage = function(event) {
      console.log("Recieved event " + JSON.stringify(event));
  }
  </code></pre>
  
  <p>Then, in the iframe I have the following:</p>
  
  <pre><code>window.parent.postMessage('message', '*');
  </code></pre>
  
  <p>Based on everything I've read, this should work and my log message should be written to the console.  Except it's not working.</p>
  
  <p>I'm aware that using the * as the targetOrigin is not always secure, but at this point I just want to sort out the linkage.</p>
  
  <p>Any ideas or anything obvious that I'm missing?</p>