[Из песочницы] Вы разрушили HTML

Если вы кого-нибудь спросите, на чем он делает клиентскую сторону своих приложений сегодня, этот человек наверняка ответит, что использует какой-нибудь хипстерский JS-фреймворк, вроде Angular, Ember, Knockout, Backbone или Polymer (смотрите сайт TodoMVC).
У большинства этих фреймворков есть «отличная» возможность, которая позволяет вам «легко» ссылаться на какую-либо информацию, используя дата-биндинги. Они выглядят примерно так:
<!-- Knockout --><p>Имя: <input data-bind="value: firstName" /></p><p>Фамилия: <input data-bind="value: lastName" /></p><h2>Привет, <span data-bind="text: fullName"> </span>!</h2><!-- Angular --><ul class="phones"><li ng-repeat="phone in phones | filter:query | orderBy:orderProp"><span>{{phone.name}}</span><p>{{phone.snippet}}</p></li></ul><!-- Ember --><div><label>Имя:</label>{{input type="text" value=name placeholder="Введите ваше имя"}}</div><div class="text"><h1>Меня зовут {{name}} и я хочу выучить Ember!</h1></div>
Читать дальше → http://habrahabr.ru/post/236045/