jQuery ajax loop and iteration scope

Question

I\'m wondering why in the code below the i variable still shows \"5\" instead of showing \"1\" then \"2\" the

Answer 1

fiddle Demo

var i = 0;

function ajax_call() {
    $.ajax({
        url: '/echo/html/',
        method: 'post',
        data: {
            html: 'Ajax data'
        },
        success: function (resp) {
            $('#success').append(i++);
            if (i < 5) {
                ajax_call();
            }
        }
    });
    $('#outsideAjax').append(i);
};
ajax_call();