title: Prevent orientation change
body: <p>Although the title is almost the same, my question is not a duplicate of <a href="https://stackoverflow.com/questions/5298467/prevent-orientation-change-in-ios-safari">Prevent orientation change in iOS Safari</a> (I changed the answer to make the code below)  </p>
  
  <p>I wrote the code below so if the user rotate the iPad/iPhone/iPod, I rotate the content so he will be obliged to rotate the device to see normally the content.</p>
  
  <pre><code>if(window.orientation==90)
  {
      document.getElementById("orient").style.webkitTransform="rotate("+window.orientation+"deg)";
      document.getElementById("orient").style.webkitTransformOrigin="0px 0px";
      document.getElementById("orient").style.top=screen.height+"px";
  }
  </code></pre>
  
  <p>When I rotate my device, the content disappear.
  Can someone help me to make this work?</p>