scuttlebutt | peer-to-peer replicatable data structure

I return a json map from a servlet using this get call. I create a var i = 0; to count the users returned in the data. I am easily able to use i as in jsondata[i] to access the users returned. But then below I try to use the same json and var inside the nested function of a click handler and it gives undefined. I looked here and it says:

Each function has its own scope, and any variable declared within that function is only accessible from that function and any nested functions. Because local scope in JavaScript is created by functions, it’s also called function scope. When we put a function inside another function, then we create nested scope.

so why is i undefined in the click handler ? If I change console.log(jsondata[i]); to console.log(jsondata[0]); I see the correct information rather than undefined.