im new to jquery mobile an simply love it, i have had one small issue, i cannot get the popups to work.

I have this in my header

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script> 

i have used this in my popup

<a href="#popupBasic" data-rel="popup">Open Popup</a> <div data-role="popup" id="popupBasic"> <p>This is a completely basic popup, no options set.<p> </div>

when i click the href link i find that there is no popup, instead jquery tries to load a new page for the href link which is obviously empty. How can i fix this, im not sure what im doing wrong, i have tested a few ways and nothing seems to work. Any help would be greatly appreciated.