Add data to HTML according to object's property name

dom.js

// Add data to HTML according to object´s property name
function addContentFromDataToHtml(object, dataSet) {
    recursiveObject({object: object, callback: addContentFromDataToHtmlCallback, dataSet: dataSet});
}
function recursiveObject(recursiveParams) {
    if (recursiveParams.parentsItem) {
        recursiveParams.parentsItem = recursiveParams.parentsItem+'.';
    } else {
        recursiveParams.parentsItem = '';
    }
    if (typeof(recursiveParams.object) == 'object') {
        for(var item in recursiveParams.object){
            recursiveObject({object: recursiveParams.object[item], parentsItem: recursiveParams.parentsItem+item, callback: recursiveParams.callback, dataSet: recursiveParams.dataSet});
            recursiveParams.callback(recursiveParams.parentsItem+item, recursiveParams.object[item], recursiveParams.dataSet);
        }
    }
}
function addContentFromDataToHtmlCallback(key, value, dataSet) {
    $((dataSet?'[data-set="'+dataSet+'"]':'')+' [data-content="'+key+'"]').text(value);
    $((dataSet?'[data-set="'+dataSet+'"]':'')+' [data-content="'+key+'"]').val(value);
}

page.html

<div data-set="group-name">
  <div data-content="propertyOne"></div>
  <div data-content="propertyTwo.sub.sub.sub"></div>
</div>

page.js

getSomething(callbackGetSomething);
function callbackGetSomething(dataObject) {
    addContentFromDataToHtml(dataObject 'group-name');
}

service.js

function getSomething(callback) {
    var apiEndpoint = '';

    $.get(apiEndpoint, null, function(apiResult) {
        callback(apiResult);
    }).fail(function(error) {
        return error;
    });
}

https://stackoverflow.com/questions/558445/dynamically-fill-in-form-values-with-jquery/28303108#28303108