HTML - difference between iframe reload and parent reload

Question

Inside "myIframe":

When I reload the Iframe, my javascript inside this page is not executed:

myIframe:

alert("reloaded");
$('.selectedTab').click(function() {
     document.getElementById("myIFrame").contentDocument.location.reload(true);
});

But if I reload its parent page the javascript is reloaded.

parent.location.reload();

what is the difference between these two approachs?
It is possible to reload an Iframe contain without passing by the parent page and without requesting the server, just "replay" with the data already got?

Answer 1

As Kevin B mentioned this seems to be an issue with the content location. Make sure the Iframe src is also served from the same domain as parent.

http://jsfiddle.net/55Ewm/ - seems to work fine for me.

<script>
window.onload = function() {
   alert("reloaded");
   $('.selectedTab').click(function() {
       document.getElementById("myIFrame").contentDocument.location.reload(true);
   });
}
</script>

<button class="selectedTab">Reload Iframe</button>
<iframe id="myIFrame" src="/" />