Javascript-форум - JS код вставленный в iframe работает в родительском окне

index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Родитель</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="script.js" type="text/javascript"></script>
</head>
<body>
	<ul>
		<li><a href="#">Ссылочка в родительском окне 1</a></li>
		<li><a href="#">Ссылочка в родительском окне 2</a></li>
	</ul>
</body>
</html>

iframe.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Айфрейм</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
	<ul>
		<li><a href="#">Ссылочка 1</a></li>
		<li><a href="#">Ссылочка 2</a></li>
	</ul>
</body>
</html>

script.js

$(document).ready(function(){
	$('body').append('<iframe id="PP_iframe" src="iframe.html" name="PP_iframe" width="100%" height="100%"></iframe>');
	$('#PP_iframe').load(function(){
		$('#PP_iframe').contents().find('head').append(
		'<script id="gc-ready-js" type="text/javascript">\n\
			var flagLinkColor = true;\n\
			setInterval(function(){\n\
				if(flagLinkColor === true)\n\
				{\n\
					$(\'a\').css({border: "1px solid red"});\n\
					flagLinkColor = false;\n\
				}\n\
				else\n\
				{\n\
					$(\'a\').css({border: "1px solid green"});\n\
					flagLinkColor = true;\n\
				}\n\
			}, 1000);\n\
		</script>');
	});
});

Почему скрипт вставлений в iframe работает не в нём а в родительском окне???