Не понимаю как вернуть результат запроса, чтобы вставить в элемент

[realstranger]

Вот такой вот код есть, делаю запрос, получаю данные прохожусь по ним, в коллбек возвращаю данные, а как эти данные передать дальше в саму функцию запроса?

function get_groups2(grp, callback) {
	$.ajax({
		url: "./data/customers-groups.json",
		type: 'GET',
		dataType: 'json'
	}).done(function(data){
		var groups = [];
		for (var j = 0; j < data.length; j++) {
			if (grp !== null) {
				for (var i = 0; i < grp.length; i++) {
					if (data[j].id == grp[i]) {
						groups.push(data[j].title);
					}
				}
			}

		}
		return callback(groups);
	});
}

function return_groups(data) {
	console.log(data);
	return data;
}

get_groups2(["1","3"], return_groups);

То есть мне нужно сделать, что-то вроде:

element.innerHTML = get_groups2(["1","3"], return_groups);

Заранее спасибо!

[Rise]

realstranger, не правильно делаешь надо так:

function get_groups2(grp, element) {
    $.ajax({
        url: "./data/customers-groups.json",
        type: 'GET',
        dataType: 'json'
    }).done(function(data){
        var groups = [];
        for (var j = 0; j < data.length; j++) {
            if (grp !== null) {
                for (var i = 0; i < grp.length; i++) {
                    if (data[j].id == grp[i]) {
                        groups.push(data[j].title);
                    }
                }
            }
            
        }
        element.innerHTML = groups;
    });
}
get_groups2(["1","3"], element);