Appendiing a large chunk of HTML in a jqueery plugin

See more:

Javascript

jQuery

best-practices

More of a best practices question.

I'm creating a jquery plugin and I want to append a fairly large amount of html into a panel in the panel-body section. I've got it working by using;

var res = '<div><input type="text" data-action="calc_1" /></div>';
$(this).each(function (e) {
    $(this.element).find('.panel-body').append(res);
    $(this.element).on('keyup', this.someOtherFunction);
});

and it is working as designed but the html there is only a portion of what I want to append and I'm just wondering; is there a better way then the way I'm doing it.

What I have tried:

I thought about using javascript tamplates but quickly realized that the script would not be contained within the plugin.