innerHTML does not work!

innerHTML does not work!

Why does this not work:

$(document).ready(function(){
navigationHandler();
headerHandler();
});

function headerHandler() {
var titleName = getCurrentSiteName();
console.log(titleName);
$('#title_name').ready(function(){
this.innerHTML = titleName;
});
}
function getCurrentSiteName() {
return 'Name';
}