Returning data from Ajax request

Originally i had this function:

        $.ajax({
            url: "/albums/getAlbumData",
            data: {
                albumID: albumID,
                dataType: dataType
            }
        })
        .done(function(data){
            $("#infoModalData").text(data));
        });

within a block that was triggered when pressing a button. We are adding more buttons so it makes sense to push the ajax call to a function:

 function getAlbumData(albumID, dataType) {
        $.ajax({
            url: "/albums/getAlbumData",
            data: {
                albumID: albumID,
                dataType: dataType
            }
        })
        .done(function(data){
            console.log(data);
            return(data);
        });

    };

The console.log() shows the correct data but it doesn't return anything to update the DOM. What i'm doing incorrectly.