title: Updating dojox.mobile.Heading label
body: <p>I have a header defined like so:</p>
  
  <pre><code>&lt;h1 id=header" dojoType="dojox.mobile.Heading" back="Back" moveTo="group1" label="Old Header"&gt;&lt;/h1&gt;
  </code></pre>
  
  <p>I want to change the label of the header in an onClick event. I first tried this: </p>
  
  <pre><code>var header = dijit.byId("header");
  header.innerHTML = "New Header";
  </code></pre>
  
  <p>This updated the label correctly but my back button disappeared because it was rendered in a  that was in the innerHTML (which is now "New Header"). </p>
  
  <p>I tried another approach, using dojox.mobile.Heading.setLabel():</p>
  
  <pre><code>var header = dijit.byId("header");
  header.setLabel("New Header");
  </code></pre>
  
  <p>This keeps the back button but does not actually change the label. When inspect console.log(header) I can see label was changed but it does not show up on my page. Its like header needs to "redraw" itself. Any ideas? </p>