content passed to jquery.toolbar.js is displayed as undefined?

[keerthica]

populateContent: function() {
var self = this;
var location = self.toolbar.find('.tool-items');
var content = $(self.options.content).clone().find('a').addClass('tool-item gradient');
location.html(content);
location.find('.tool-item').on('click', function(event) {
event.preventDefault();
self.$elem.trigger('toolbarItemClick', this);
});

},

the above code: $(self.options.content) getting displayed as undefined. we are passing values from our js below

allHeaders.each(function() {
var thisHeader = jQuery(this).attr("id");
var thisBody = jQuery("

");
jQuery(thisBody).append("");
jQuery(thisBody).append(""+jQuery("#no-filter-criteria").text()+"");
});

we are passing content like this
jQuery10(thisHeader).toolbar({
content: '#toolBar-'+ JSUtils.prototype.escapeDot(jQuery10(thisHeader).attr("id")),
position: 'bottom',
hideOnClick: true
});

NOTE: we are using jquery datatable and displaying values through JSON.

Kindly let us know why content passed to toolbar is displayed as undefined?