Асинхронный запрос через jquery $.get()

Когда я использую следующий код, вывод будет undefined

const getData = async() => {
    $.get("foo", (data) => {
        return data;
    })
}

(async () => {

    const d = await getData();
    console.log(d);

})();

http://127.0.0.1:5000/foo сайт представляет собой файл json.

Но если я использую следующий код, я получаю файл json.

(async () => {

    const getData = await $.get( "foo", (data) => {
        return data;
    });
    console.log(getData);

})();

Почему первый не дает правильного вывода?