jQuery and Frames

jQuery and Frames


<html>
 <head>
 <title>jQuery and Frames</title>
 <script type="text/javascript" src="jquery.js"></script>
 <script type="text/javascript">
 jQuery( function() {
 $(‘#frame1′).load( function(){
 $(this.contentDocument).find(‘body’).html(‘This frame was modified with jQuery! Yay!!!’)
 });
 $(‘#frame2′).load( function(){
 $(this.contentDocument).find(‘body’).html(‘This frame was modified with jQuery! Yay!!!’)
 });
 });
 </script>
 </head>
 <body>
 <h2>jQuery and Frames</h2>
 
 <h4>Frame from the <i>same</i> domain as parent.</h4>
 <iframe id="frame1" src="iframe.html"></iframe>
 
 <h4>Frame from a <i>different</i> domain as parent.</h4>
 <iframe id="frame2" src="http://lifeinnovative.com/frame_for_liveintensely_demo.html"></iframe>
 </body>
</html>
























in my server was work but in external server is not work. Where is the problem?