How to use $.mobile.loadPage

How to use $.mobile.loadPage

Hi guys, 

I would really appreciate any help you can give me here. 

I have touch swipe working within a multi page template but I can't get it to work with external pages. 

I have one page - page1.html (please see below)

<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
<script type="text/javascript">
$(document).bind('mobileinit', function()
{
    $('.swipePage.ui-page-active').live('swipeleft', function() 
    {
        $.mobile.loadPage('/page2.html');
    });
});
</script>
</head>
<body>
    <div id="page1" data-role="page">  
        <div data-role="content">
            <a href="page2.html" >Link</a>
        </div>
      
    </div>
</body>
</html>

And I want to touch swipe to load page2.html but no matter what I try I can't get it to work. 

Please help!!