iPhone 5 Safari - setting sessionStorage blocks execution of the rest of the code

iPhone 5 Safari - setting sessionStorage blocks execution of the rest of the code

It seems I encountered an issue with setting sessionStorage by iPhone 5 Safari browser (latest IOS version) - in desktop browsers all works flawless.

I have this simple code validating a login form with ajax:

  2. <script>
  3. $(document).bind('pageinit', function() {                 
  4. $("button#submit").on('click', function() {                      
  5. if ($("#username").val() === "" || $("#password").val() === "") {
  6. $("div#response").html("Please enter both username and password");
  7. } else {                 
  8. $.ajax({
  9. type: 'POST',
  10. url: 'php/login.php',
  11. data: $("#loginForm :input").serializeArray(),
  12. success: function(data) {
  13. if (data === 'success') {                                                        
  14. window.location = 'start.html';                        
  15. } else {                                    
  16. $("div#response").html(data);
  17. };
  18. }                           
  19. });
  20. }             
  21. $("#loginForm").on('submit', function() {
  22. return false;
  23. });                    
  24. });                 
  25. });      
  26. </script>

I'm trying to set the sessionStorage like this:


  1. sessionStorage.password = $("#password").val();
but I don't know where to put this line without blocking execution of the further code. The obvious thing would be to put it inside the click event (to create session after a click) but putting it in the beginning blocks the ajax (I just get message from PHP file). When I put it lower outside the ajax or outside the click function or outside pageinit function, the sessionStorage is not set at all.

What is wrong? Do I set the sessionStorage correctly? All seems to work fine on desktop browsers.