iPhone rotation shrinks page

iPhone rotation shrinks page

When I go to this page and select the date, press done, then rotate the phone, the page is small and zoom is enabled.  What am I doing wrong?
  2. <meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width, height=device-height">
  4. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" media="screen" />
  5. <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  6. <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
  8. ...


  10. <div data-role="page" data-theme="d" id="note" data-add-back-btn="true">
  11. <div data-role="header"> 
  12. <h1>Note</h1>   
  13. </div> 
  14. <div data-role="content">
  15. <form>
  16. <div data-role="fieldcontain">
  17. <label for="dob">Date of Birth:</label>
  18. <input type="date" name="dob" />
  19. </div>
  20. <span id="dobdata"></span>
  21. </form>
  22. </div>   
  23. </div>