My AJAX JQuery API call

$.ajax(
{
type: 'GET',
datatype: 'HTML',
url: api,
data:
    {
        "username": username
    },
success: function(data)
    {
        log("API successfully called! OH YE!")
        if(data.indexOf('Unknown User') == -1 ){
            log("User Found WOOHOO!");
            document.body.innerHTML = content + '' + data;
            document.getElementById("gh-eb").style.display = "none";

            log("Notification Shown - I am almost done!");

            document.getElementById("baytmeAcceptButton").addEventListener("click", function(){buttonClick("accepted");});
            document.getElementById("baytmeDenyButton").addEventListener("click", function(){buttonClick("denied");});
        }else{
            log(data+" AYYY CARAMBA!");
        }
    },

error: function(data)
    {
        log("Request error\nStatus: " + data.status + "\nStatus Text: " + data.statusText);
    }
}
);