knockout.js HTML binding

koHtml.html

<p>

<h1> Hello , <span data-bind="html:getName()" </span></h1>
</p>



<script type="text/javascript" 
src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script>

<script type="text/javascript">

function viewModel()
{

this.name = 'webkul software';

this.getName = function(){

return 'Welcome to <i>' +this.name + '</i>.';

};


};

var viewModel = new viewModel();
ko.applyBindings(viewModel);

</script>