title: How to set header to full screen mode in jQuery Mobile?
body: <p>When I set attribute <code>data-fullscreen="true"</code> for header, it works fine. But I do need to do this in runtime, when I receive some event. I tried this:</p>
  
  <pre><code>$(document).ready(function() {
      $("[data-role=header]").attr("data-fullscreen", "true");
  });
  </code></pre>
  
  <p>In Chrome's element inspection the attribute <code>data-fullscreen</code> changes to <code>true</code>, but nothing happens with header. Does anyone know another way?</p>