Jquery problem with loading pages

Jquery problem with loading pages

Hello,

I am fairly new to jquery and have been trying to build a basic website with a few pages, i got one page to link fine and then i copied and pasted the code to use for the next page and the new pages wont load. 

Anyone got a idea what the problem could be?

<li><a href="#genre" data-transition='flow'>Genres</a></li>

<!--Genre page-->
<div data-role="page" id="#genre" data-theme="a">
<div data-role="header" data-position="inline">
<a href="#main" data-icon="home">Home</a>
<h1>Genre</h1>
<a href="index.html" data-icon="check" data-theme="b">Login</a>
<div data-role="navbar">
   
   </div>

</div>