Iterando através de JSON dentro de um sucesso de $ .ajax

Quando um usuário clica em um botão, quero retornar alguns dados e fazer uma iteração pelo JSON, para que eu possa anexar os resultados a uma linha da tabela.

Neste ponto, estou apenas tentando fazer o meu loop funcionar, aqui está o meu código.

Meu JSON está voltando da seguinte forma: {"COLUMNS": ["username", "password"], "DATA": [["foo", "bar"]]}

$("#button").click(function(){

    $.ajax({
        url: 'http://localhost/test.php',
        type: 'get',
        success: function(data) {  
         $.each(data.items, function(item) {
            console.log(item);
            });
        },
        error: function(e) {
            console.log(e.message);
        }
    });

});

Estou recebendo um erro jQuery (linha 16, não está definido). O que estou fazendo de errado?

questionAnswers(2)

yourAnswerToTheQuestion