title: replacing img source in jquerymobile persistent footer not working
body: <p>This is a basic navigation implementation where clicking on a button in the jquerymobile navbar swaps the current icon with the "active-state" icon, but this does not seem to be working in my jquerymobile implementation.</p>
  
  <p>code snippet for just turning on the active image is as follows</p>
  
  <pre><code>$("#navigation_link").live("click", function(){
      $.mobile.changePage("testpage.php");
      toggleActiveBtn("navigation");
  });
  
  function toggleActiveBtn(btnId){
  
      $("#" + btnId).src = "img/" + btnId + "_active.png";
      /* toggle previously active image to "off" state
      ...
      */
      $("#home).trigger("refresh");
  </code></pre>
  
  <p>HTML in testpage.php is simply:</p>
  
  <pre><code>&lt;div data-role="page" id="home"&gt;
  &lt;div data-role="header" data--position="fixed" data-id="app_header"&gt;
      ...
  &lt;/div&gt;
  &lt;div data-role="content" id="main"&gt;
      ...
  &lt;/div&gt;    
  
  
  &lt;div data-role="footer" data-position="fixed" data-id="app_footer"&gt;
      &lt;div data-role="navbar" id="footer_menu"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a id="navigation_link" href="javascript:void(0);"&gt;&lt;img id="navigation" src="img/navigation.png" /&gt;&lt;/a&gt;&lt;/li&gt;
              ...
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I have tried <code>$("#home).trigger("create")</code>, <code>$("#home").trigger("refresh")</code> and neither works. </p>
  
  <p>Thanks in advance for the help, folks.</p>