black background

black background

I am trying to use JQT just by using this example... 

  1. <!DOCTYPE html>
<html>
    <head>
       <title>Books Store</title>
       <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <link type="text/css" rel="stylesheet" media="screen" href="jqtouch.css">
       <link type="text/css" rel="stylesheet" media="screen" href="apple.css">

       <script type="text/javascript" src="jquery-1.7.js"></script>
       <script type="text/javascript" src="jqt.js"></script>
       <script type="text/javascript">
           var jQT = $.jQTouch({});
       </script>
    </head>
    <body>
        <div id="home">
           <div class="toolbar">
                <h1>Book Store</h1>
           </div>
           <ul class="edgetoedge">
               <li class="arrow"><a href="#books">Books</a></li>
               <li class="arrow"><a href="#contactus">Contact Us</a></li>
           </ul>
        </div>
        <div id="books">
            <div class="toolbar">
               <h1>Books</h1>
               <a class="button back" href="#">Back</a>
            </div>
            <p>We are a US-based organization providing a wide variety of books at a 
               reasonable price</p>
        </div>
        <div id="contactus">
            <div class="toolbar">
               <h1>Contact Us</h1>
               <a class="button back" href="#">Back</a>
            </div>
            <p>XYZ Book Company</p>
            <p>11 Books Street, NY, NY 10012 </p>
            <p>USA</p>
        </div>
    </body>
</html>


...it runs without any errors, but I always see a black background and I see all pages (div´s) in one page. I tried everything, nothing works...

Any idea?