back button not appearing

back button not appearing

My back button is not appearing for some reason. I had it working before but after using themeroller to create my own theme for some reason it has made the back button invisible or something not sure?

Any help would be appreciated.


  1. <head>
      <title>My Page</title>
      <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="themes/4089797style.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>
    <style>
    </style>
    </head>













  1. <body>
    <div data-role="page" id="home">
        <div data-role="header" data-position="fixed" data-theme="a">
          <h1>Main Menu</h1>
        </div><!-- /header -->
       
        <div data-role="content">   
        <a href="#page2" data-role="button">page2</a>
       
        </div><!-- /content -->


        <div data-id="foot1" data-role="footer" data-position="fixed" data-theme="a">
          <h4>footer text.</h4>
        </div><!-- /footer -->

    </div><!-- /page -->

    <div data-role="page" id="page2" data-add-back-btn=”true”>
       <div data-role="header" data-position="fixed" data-theme="a">
          <h1>Main Menu</h1>
        </div><!-- /header -->
        <div data-role="content">   
       
       
        </div><!-- /content -->


        <div data-id="foot1" data-role="footer" data-position="fixed" data-theme="a">
          <h4>footer text.</h4>
        </div><!-- /footer -->
    </div><!-- /page -->

    </body>