title: Parent iframe won't reload when popup closes
body: <p>I have a function in parent iframe. </p>
  
  <pre><code>var reloadFrameWindow = function() {
      "use strict";
      var doc, myFrame, keyElem, url;
      doc = document;
      myFrame = doc.getElementById("myFrame");
      keyElem = doc.getElementById("key"); 
      if (myFrame &amp;&amp; keyElem) {
          keyElem.value = keyElem.value + "X";
          url = myFrame.src;
          url = updateQueryStringParameter(url, "key", keyElem.value);
          jQuery.ajax({
              type: "GET",
              url: url,
              success: function() {
                  myFrame.src = newUrl;
              }
          });
      }
   };
  </code></pre>
  
  <p>In my pop up I have added </p>
  
  <pre><code>window.onbeforeunload = function() {
      "use strict";
      window.opener.reloadFrameWindow();
  };
  </code></pre>
  
  <ol>
  <li>If I close it on IE11, 8 the parent iframe gets reloaded.  </li>
  <li>If I close it on chrome, it doesn't reload parent iframe but the key
  element value does increase by 1 in both cases.</li>
  </ol>
  
  <p>Note: I want this to fire only when it closes, not when the back button is clicked. But I wouldn't mind if it happens in both cases</p>