title: jQuery Mobile: Hide header/footer on orientation change
body: <p>I need to able to hide the header/footer when the device orientation event is called (I'd also settle for changing their data-position="fixed" attribute to not-fixed)</p>
  
  <p>I've tried: </p>
  
  <pre><code>$(window).bind('orientationchange resize', function(event){
  
              if(event.orientation == 'portrait') {
                  //do something
              } 
              if (event.orientation == 'landscape') {
                  $.mobile.fixedToolbars.show(false);
              }
      });
  </code></pre>
  
  <p>I've also used: </p>
  
  <pre><code>$.mobile.fixedToolbars.hide(true);
  </code></pre>
  
  <p>But neither seems to do the trick. Has this been removed from JQM 1.1?</p>