html5 - linking the 2nd div page in html -

i have link.html , back.html , in link.html have 2 pages

link.html

 <div data-role="page" id="page1">     <div data-role="header">     </div>     <div data-role="content">     <img src="first.png">     </div>     <div data-role="footer">     </div>     </div>  <div data-role="page" id="page2"> <div data-role="header"> </div> <div data-role="content"> <img src="second.png"> </div> <div data-role="footer"> </div> </div> 

and in back.html have single div page

<div data-role="page" id="back"> <div data-role="header"> <a href="#" data-role="button">back </a> </div> <div data-role="content"> <img src="fire.png"> </div> <div data-role="footer"> </div> </div> 

is way when click on button can display page2 in link.html page??

thanks:)

it appears others have had issue before solution either combine pages 1 html file or separate them all.
sourced similar question:
how link jquery mobile subpage external page?