JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" jd-app="test">
    <input type="text" jd-model="name" value="foo" /><br />
    <input type="text" jd-model="email" value="foo@foo" />
    <hr />
    <p>Name: {{ name }}</p>
    <p>Email: {{ email }}</p>
</div>

JavaScript

(function($, window, document, undefined) {
	'use strict';

	// registering models
	(function() {
		var $app = $('[jd-app]');
		var $models = $('[jd-model]', $app);

		$models.each(function(index) {
			UpdateModel.apply(this);
		});

		function UpdateModel() {
			var model = { name: $(this).attr('jd-model'), value: this.value }
			var re    = new RegExp('{{\\s+('+ model.name +')\\s+}}', 'gm');

			$('*', $app).each(function(index) {
				var $this = $(this);
				$this.text( $this.text().replace(re, model.value) );
			});

			$(this).on('keyup', UpdateModel);
		}
	})();

})(jQuery, window, document);