title: Reloading iframe from separate iframe
body: <p>I have checked all the reload iframe from another iframe posts on stackoverflow...and I have tried all their solutions but it doesn't seem to help me! So my problem is that I have two iframes on the same page. The iframe's sources are php files that interact with each other, however I need the iframes to reload that way the changes are shown. I have tried many different ways (which I will list below). These iframes are from the same domain. Maybe it is something else that is messing this up? Thanks in advance.</p>
  
  <p>Different statements called from inside one iframe:</p>
  
  <pre><code>parent.document.getElementById(id).src = parent.document.getElementById(id).src;
  parent.getElementById(id).location.reload();
  </code></pre>
  
  <p>Trying to call a parent function that works in the parent window:</p>
  
  <p>Inside iframe -</p>
  
  <pre><code>parent.refresh(id);
  </code></pre>
  
  <p>Parent window working function -</p>
  
  <pre><code>function refresh(id) {
  document.getElementById(id).src = document.getElementById(id).src;
  }
  </code></pre>