'i' value is not recognised inside for loop ( error line is indicated by comment line followed by error)

$(function ()
{
    //alert('Im Ready');
    var db = openDatabase('Test', '1.0', 'Test', 2 * 1024 * 1024);
    db.transaction(function (tx)
    {
        tx.executeSql('drop table countries ');
        tx.executeSql('CREATE TABLE IF NOT EXISTS countries (id INTEGER PRIMARY KEY AUTOINCREMENT,countryId,countryname)');
        //alert('table created');
    });
    main();
});

function main() {
        if (window.XMLHttpRequest) {
            xmlhttp = new XMLHttpRequest();
        }
        else {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }

        var url = "http://ws.geonames.org/searchJSON";

        xmlhttp.open("GET", url, true);
        xmlhttp.send();

        xmlhttp.onreadystatechange = function () {

            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                jsondata = xmlhttp.responseText;
                var json = eval('(' + jsondata + ')');

                pushtoDB(json);
            }
        }
}

function pushtoDB(jsondata) {

    var db = openDatabase('Test', '1.0', 'Test', 2 * 1024 * 1024);
    var i = 0;

     db.transaction(function (tx) {

        for ( i = 0; i <= jsondata.geonames.length; i++) {

var cid = jsondata.geonames[i].countryId; // Error:Cannot read property 'countryId'of undefined)
            var name = jsondata.geonames[i].lng;

            tx.executeSql('INSERT  INTO countries (countryId,countryname) VALUES ("' + cid + '","' + name + '")');
        }
        
    });
}