javascript - Changing CSS proprety of another div located in another page -

hello change dom of html page page tried sharing same script between 2 pages didnt work here illustration trying do

1-first page

<div> <p id="simpletext">hello world</p> <script src="jquery.min.js"></script> <script src="script.js" type ="text/javascript"></script> <!-- same script file present in second page --> </div> 

2-second page

<div> <button>click me </button> <script src="jquery.min.js"></script> <script src="script.js" type ="text/javascript"></script><!-- same script file present in first page --> </div> 

script.js

 $("button").on("click",function(){     $("simpletext").css("color","blue");     }); 

i trying when click on button wish located on second page change color of text on first page

you can send messages 1 page another. @ buttons side send message:

 $("button").on("click",function(){    wondow.postmessage("show","*"); }); 

then @ other page, wait message:

 window.addeventlistener("message",function(event){    if(event.data === "show") {      $("simpletext").css("color","blue");    } }); 

i assume both windows opened on same machine, if not, need ajax or websockets instead , serverside proxying.