Page Transition does not work with another HTML page within the same application ....serious issue with JqueryMobile

Page Transition does not work with another HTML page within the same application ....serious issue with JqueryMobile

Hi Guys,
 
I want to use the Page transition feature of JqueryMobile in my application. I have 3 pages in my app. home.html, GetNotifications.html and alert.html.
 
I am using the anchor tags to add these hyperlinks dynamically.
 
My code below :-
 
Note: I dnt want to use rel=external attribute to redirect to another page, I wish to have the transition effect on another page
 

var

strLinkSection = "<p><a data-role='button' data-theme='b'  data-transition='slide' href='GetNotifications.html '>Notifications</a></p>" ;

strLinkSection +=

"<p><a data-role='button' data-theme='b'  data-transition='slide' href='CheckCriteria.html'>CheckInfo</a></p>" ;

$(
'<div>' +strLinkSection+ '</div> ' ).appendTo( '[data-role="content"]' ).page()
 
 
Please let me know if any one has any solution