Ajax with JQuery

Ajax with JQuery

I am currently building a room booking web application for a school (as a school project) i currently have a index page with a div as follows:
HTML Code: 
<div id="page_content"> </div>
this area of the page is used to load in external php pages with generate contnent for a database i am currently using jquery to load the content in:
Code: 
$('#Rooms').click(function(){ $('#page_content').load('rooms.php'); });
within the rooms.php file there is a jquery datepicker the problem i am having is making the datepicker work once it is loaded into the page content area of the index page. i have tryed including 
Code: 
<script> $(function() { $( "#datepicker" ).datepicker(); }); </script>
as well as the required jquery ui scirpts that need importing in the rooms.php and index.php files aswell as putting the above code in the $(document).ready wrapper but i have had no luck making it work can anyone help? thanks in advance.