Internal multipage links, some work, some don't

Internal multipage links, some work, some don't

  2. <div data-role="page" id="fourexampleone">
  3.    <div data-role="header">
  4.       <h1>
  5.          Example: Strings
  6.       </h1>
  7.       <div data-role="navbar" data-iconpos="top">
  8.          <ul>
  9.             <li>
  10.                <a href="#myPanel" data-icon="grid">
  11.                   Navigation
  12.                </a>
  13.             </li>
  14.             <li>
  15.                <a href="#pageone" data-icon="home">
  16.                   Home
  17.                </a>
  18.             </li>
  19.             <li>
  20.                <a href="#" data-icon="search">
  21.                   Search 
  22.                </a>
  23.             </li>
  24.          </ul>
  25.       </div>
  26.    </div>
  27.    <div data-role="main" class="ui-content">
  28.       <div id="wrapper">
  29.          <h1>
  30.             Try it here
  31.          </h1>
  32.          <form id="code" action="#" method="post">
  33.             <div>
  34.                <label for="source">
  35.                   Source Code:
  36.                </label>
  37.                <textarea cols="40" rows="10" name="source" id="source">
  38.                   import java.lang.*; class TryMe{ public static void main(String args[]){ System.out.println("This is awesome"); } } 
  39.                </textarea>
  40.             </div>
  41.             <div>
  42.                <label for="input">
  43.                   Input: 
  44.                   <span class="description">
  45.                      (Data that will be given to the program on the stdin.)
  46.                   </span>
  47.                </label>
  48.                <textarea cols="40" rows="3" name="input" id="input">
  49.                </textarea>
  50.             </div>
  51.             <div>
  52.                <input type="submit" name="submit" value="Submit" />
  53.             </div>
  54.          </form>
  55.          <div id="response">
  56.             <div class="meta">
  57.             </div>
  58.             <div class="output">
  59.             </div>
  60.          </div>
  61.       </div>
  62.       <div data-role="footer" data-position="fixed">
  63.          <div data-role="navbar">
  64.             <ul>
  65.                <li>
  66.                   <a href="#sectionfoursix" data-transition="slide" data-icon="arrow-l">
  67.                      Back
  68.                   </a>
  69.                </li>
  70.                <li>
  71.                   <a href="#fourexample2" data-transition="slide" data-icon="arrow-r">
  72.                      Example Two
  73.                   </a>
  74.                </li>
  75.             </ul>
  76.             <div>
  77.                Thanks
  78.             </div>
  79.          </div>
  80.       </div>
  81.    </div>
I have a single index file all my sites content is linked through the data-role="page" function. When I open these links in my browser, some work and some don't I can't figure out why 
I hope its ok to post code here... The link to this page works perfect but linking to the next page(example two) does not work and no others after it will work. any ideas?

Example: Strings

Try it here

Thanks