Problems with #page2 menu

Problems with #page2 menu

Hi all!


I have a problem with my code.


When I click on "Starta nytt spel" I get to "Page 2".


But in "Page 2" I can´t go forward from the menu and click on this:


(Page 2 MENU):

"Sök spelare" (link to PAGE 6)

"Facebook-vänner" (link to PAGE 7)

"Slumpad spelare" (link to PAGE 8)

"Min familj" (link to PAGE 9)


Please, help me :) 


Thank´s! 


Here is the code. 

Watch the BOLD text :) 


<!DOCTYPE html> 

<html>

<head>

<meta charset="UTF-8">


<title>LIFQuiz</title>

<link rel="stylesheet" href="LIFQuizwhite-blue2.min.css" />

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css" />

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>

</head> 

<body> 



<div data-role="page" id="page">

<div data-role="header">

<h1>LIFQuiz</h1>

</div>

    <br>


<div data-role="content">

    "Inloggad som: - - - - " 

    <br><br>

    </div>

    <ul data-role="listview" data-inset="true">

      <li><a href="#page2">

      <img src="file:///Macintosh HD/Users/johanhall_/Desktop/LIFQuiz/Dreamweaver-projekt/images/liftest.jpg" width="50" height="50" class="ui-li-has-thumb"/><br>

        <h3>Starta nytt spel</h3>        

      </a></li>

      <li><a href="#page3">

      <img src="file:///Macintosh HD/Users/johanhall_/Desktop/LIFQuiz/Dreamweaver-projekt/images/liftest.jpg" width="50" height="50" class="ui-li-has-thumb"/><br>

        <h3>Tabell & statistik</h3>

      </a></li>

      <li><a href="#page4">

      <img src="file:///Macintosh HD/Users/johanhall_/Desktop/LIFQuiz/Dreamweaver-projekt/images/liftest.jpg" width="50" height="50" class="ui-li-has-thumb"/><br>

        <h3>Skicka in egna frågor</h3>

      </a></li>

      <li><a href="#page5">

      <img src="file:///Macintosh HD/Users/johanhall_/Desktop/LIFQuiz/Dreamweaver-projekt/images/liftest.jpg" width="50" height="50" class="ui-li-has-thumb ui-shadow"/><br>

        <h3>Spelregler</h3>

      </a></li>

    </ul>

        <br>

  <div data-role="content">

FB-logga och Twitter...<br>

<br>

<span class="fade">LIFQuiz &copy; 2013 Häll Journalistik & Media</span></div>

</div>

   

   

   


<div data-role="page" id="page2">

<div data-role="header">

<h1>LIFQuiz</h1>

</div>

    <br><br>

      <ul data-role="listview" data-inset="true">



      <li><a href="#page6">

      <img src="file:///Macintosh HD/Users/johanhall_/Desktop/LIFQuiz/Dreamweaver-projekt/images/liftest.jpg" width="50" height="50" class="ui-li-has-thumb"/>

        <h3>Sök spelare</h3>        

      </a></li>    

        <ul data-role="listview" data-inset="true">



      <li><a href="#page7">

      <img src="file:///Macintosh HD/Users/johanhall_/Desktop/LIFQuiz/Dreamweaver-projekt/images/liftest.jpg" width="50" height="50" class="ui-li-has-thumb"/>

        <h3>Facebook-vänner</h3>        

      </a></li>      

        <ul data-role="listview" data-inset="true">



      <li><a href="#page8">

      <img src="file:///Macintosh HD/Users/johanhall_/Desktop/LIFQuiz/Dreamweaver-projekt/images/liftest.jpg" width="50" height="50" class="ui-li-has-thumb"/>

        <h3>Slumpad spelare</h3>        

      </a></li>   

       <ul data-role="listview" data-inset="true">



      <li><a href="#page9">

      <img src="file:///Macintosh HD/Users/johanhall_/Desktop/LIFQuiz/Dreamweaver-projekt/images/liftest.jpg" width="50" height="50" class="ui-li-has-thumb"/>

        <h3>Min familj</h3>      

      </a></li>

</div>



<div data-role="page" id="page3">

<div data-role="header">

<h1>Statistik</h1>

</div>

<div data-role="content">

Content

</div>

<div data-role="footer">

<h4>P</h4>

</div>

</div>





<div data-role="page" id="page4">

<div data-role="header">

<h1>LIFQuiz</h1>

</div>

<div data-role="content">

"Skicka in egna frågor... bla bla bla"<br>

</div>

<div data-role="footer">

<h4>Page Footer</h4>

</div>

</div>




<div data-role="page" id="page5">

<div data-role=data-theme="b"data-content-theme="b"</div>

<div data-role="header">

<h1>LIFQuiz</h1>

</div>

    <h3>Spelregler</h3> 

<div data-role="content">

<p></p>Varje match spelas i tre perioder<br>

        <p>Varje period innehåller fyra frågor<br>

        <p>Vid seger efter fulltid tilldelas vinnaren tre poäng och förloraren noll<br>

        <p>Vid oavgjort tilldelas vardera spelare en poäng.<br><br>

        Vid oavgjort blir det sudden death. En extra fråga ställs och den som svarar rätt på frågan vinner. Svarar båda rätt eller fel blir det en ny fråga. Den som till slut slår ut den andra spelaren vinner.<br>

        <p>Vid seger i sudden death tilldelas vinnaren en bonuspoäng.

</div>

<div data-role="footer">

<h4>Lycka till!</h4>

</div>

</div>



<div data-role="page" id="page6">

<div data-role="header">

<h1>LIFQuiz</h1>

</div>

<div data-role="content">

"Search player"<br>

</div>

<div data-role="footer">

<h4>Page Footer</h4>

</div>

</div>



<div data-role="page" id="page7">

<div data-role="header">

<h1>LIFQuiz</h1>

</div>

<div data-role="content">

"Facebook friends... bla bla bla"<br>

</div>

<div data-role="footer">

<h4>Page Footer</h4>

</div>

</div>




<div data-role="page" id="page8">

<div data-role="header">

<h1>LIFQuiz</h1>

</div>

<div data-role="content">

"Random player... bla bla bla"<br>

</div>

<div data-role="footer">

<h4>Page Footer</h4>

</div>

</div>




<div data-role="page" id="page9">

<div data-role="header">

<h1>LIFQuiz</h1>

</div>

<div data-role="content">

"My family... bla bla bla"<br>

</div>

<div data-role="footer">

<h4>Page Footer</h4>

</div>

</div>




</div>

</body>

</html>