loading div with jquery mobile

I have a problem when loading in content with

$('#next').click(function(){
         $('#boundary').load('options.html #pagecontent').page();
 
 
     });
 

The problem is the #pagecontent div residing in options.html loads in but not in intended jquery mobile elements.

the in options.html with id=page content renders fine if you preview that page. its only when i load try and load it into another page div with id="boundary" that all the jquery mobile rendering fails, and the elements instead just load in as native html elements.

in the options.html: a standard div holding some ui elements.

<div id="pagecontent">
      // Jquery mobile button 
       <a href="results.php" data-transition="fade" id="result" data-role="button" data-theme="e" rel="external">View results</a>
 </div>
 

Thanks

---