title: How to reload the webpage when orientation changes?
body: <p>I'm trying to trigger an event with jQuery mobile that automatically reloads the page when the device's orientation changes. I have media queries written with <code>max-device-width,</code> <code>orientation:landscape,</code> and <code>orientation: portrait</code>. Since the <code>&lt;video&gt;</code> wont scale properly...the only solution I can think of is to refresh the page to the correct media query with the device is rotated.</p>
  
  <p>How do I go about doing this? Thanks.</p>