title: JQM: Change button text (a href)
body: <p>I'm having problems with what seems to be a simple issue. I want to change / update the button text of a button programmatically. However, after looking trough several different similar questions here on SO I'm still no closer. </p>
  
  <p>I'm using Chrome with jQuery 1.9 and JQM 1.3 Final.</p>
  
  <p><strong>HTML</strong> <em>(this block resides inside a grid that belongs to the footer)</em></p>
  
  <pre><code>&lt;div class="ui-block-b"&gt;
      &lt;div class="ui-bar ui-bar-e" style="height:40px"&gt; 
         &lt;a href="#" class="footerWishOption footerDeleteWish" data-role="button" data-icon="trash"&gt;Slett ønske&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <p><em>changeButtonText is a plug-in found <a href="https://stackoverflow.com/a/7279843/400284">here</a>.</em></p>
  
  <pre><code>// 1. Does not work
  $('.footerDeleteWish').changeButtonText("Gjenopprett
  ønske"); 
  
  // 2. Does not work                                                          
  $('.footerDeleteWish .ui-btn-text').text("Gjenopprett ønske");
  $('.footerDeleteWish').refresh();
  
  // 3. Does not work
  $('.footerDeleteWish').text("Gjenopprett ønske").refresh();
  </code></pre>
  
  <p><strong>Update / solution:</strong></p>
  
  <p>As mentioned as an comment in the answer below, the problem was the visibilty of the footer. Even though the footer was created in the DOM, the selector did not find it since it was hidden.</p>