javascript - Why won't my login script work? -

i've created login script jquery when values of username , password equal username , password values in localstorage (they stored when hitting "register"), hides login div , shows div called 'accent'. no matter in javascript, login page persists , accent page never shows.

i've created jsfiddle shows mean: http://jsfiddle.net/cr47/bpztq/

here code login button:

$('#loginbutton').click(function(){     if(localstorage.getitem('username') != null || localstorage.getitem('username') != ''){         var cu = localstorage.getitem('username');         var cp = localstorage.getitem('password');         alert(cu);//i've alerted show getitem working         alert(cp);         var iu = $('#username').val();         var ip = $('#password').val();         if(iu == cu && ip == cp){             $('#login').hide(0);             $('#accent').show(0);             localstorage.setitem('logged in', 'yes');             $('#name').val() == localstorage.getitem('name');             $('#gender').val() == localstorage.getitem('gender');             $('#age').val() == localstorage.getitem('age');             $('#address').val() == localstorage.getitem('address');             $('#phone').val() == localstorage.getitem('phone');             $('#email').val() == localstorage.getitem('email');         }else{             alert('incorrect username/password combo.');         }     } }); 

the "logged in" value localstorage set yes.

the problem form submitted after $('#loginbutton') clicked , page reloads. prevent it, can add preventdefault() on click event.

$('#loginbutton').click(function(e){         e.preventdefault();         if(localstorage.getitem('username') != null || localstorage.getitem('username') != ''){             var cu = localstorage.getitem('username');             var cp = localstorage.getitem('password');             alert(cu);//i've alerted show getitem working             alert(cp);             var iu = $('#username').val();             var ip = $('#password').val();             if(iu == cu && ip == cp){                 $('#login').hide(0);                 $('#accent').show(0);                 localstorage.setitem('logged in', 'yes');                 $('#name').val() == localstorage.getitem('name');                 $('#gender').val() == localstorage.getitem('gender');                 $('#age').val() == localstorage.getitem('age');                 $('#address').val() == localstorage.getitem('address');                 $('#phone').val() == localstorage.getitem('phone');                 $('#email').val() == localstorage.getitem('email');             }else{                 alert('incorrect username/password combo.');             }         }     });