javascript - HTML 5 Local Storage - deleting after refresh -


i beginner javascript, html5, , jquery , trying use locale storage first time in app designing. however, once added "getincomearray" function code, local storage deleted after refreshed... fiddle

function getincomearray(){    //get or create storage arrays   var incomearray = localstorage.getitem["incomearray"];   console.log(incomearray);   if (!incomearray) {      incomearray = [];     localstorage.setitem("incomearray", json.stringify(incomearray));     //code     console.log("there no array made one");   }   else{     incomearray = json.parse(incomearray);     console.log("there array , parsed it");   }  return incomearray; } 

var incomearray = localstorage.getitem["incomearray"]; 

getitem function key name argument use round parantheses:

var incomearray = localstorage.getitem("incomearray");