title: Change footer for different pages in wordpress
body: <p>On my mobile site, I have a footer with a button of "back" (using Jquery Mobile) - I am trying to figure out how to remove the button for the home page (so it just shows the footer with no button), but have the button show up on sub-pages.  Basically, one footer for the home page, and one footer for all the sub-pages.  But since I only have one footer.php file, I'm not sure how to alter code (or even what to put) to have two different footers.  I originally asked over at the Jquery Mobile form, but they said this is a PHP question..so I'm here.</p>
  
  <p>Here is my footer code:</p>
  
  <pre><code>&lt;/div&gt;&lt;!-- data role content--&gt;
       &lt;div data-theme="b" data-role="footer"&gt;
      &lt;h3&gt;
          Premier IT Consulting
      &lt;/h3&gt;
      &lt;a data-role="button" data-direction="reverse" data-rel="back" data-icon="back"    
  data-iconpos="left" class="ui-btn-left"&gt;
          Back&lt;/a&gt;
  &lt;/div&gt;
      &lt;?php wp_footer(); ?&gt;
  &lt;/div&gt;&lt;!-- data role content--&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In the Wordpress template I'm using, the index.php and page.php are making calls to the footer.php - hence, they are showing the same footer on every page (home page and all sub-pages).  I'm not sure how to go about doing this.  If I remove the HTML from the footer, it won't show on any page.</p>
  
  <p>Just FYI.  I'm using wordpress and instead of  hosting the .js and .css files on my site, I'm using this in my header:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-
  1.2.0.min.css" /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Anyone have any suggestions?</p>