title: Handlebars - update template without re-rendering DOM
body: <p>Here is an interesting problem. I have template like this.</p>
  
  <pre><code>&lt;script id="temp" type="text/x-handlebars-template"&gt;
      &lt;div class="entry"&gt;
          &lt;label&gt;Label 1  &lt;input type="text" value="{{val1}}"/&gt;&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="entry"&gt;
          &lt;label&gt;Label 2  &lt;input type="text" value="{{val2}}"/&gt;&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="entry"&gt;
          &lt;label&gt;Label 3  &lt;input type="text" value="{{val3}}"/&gt;&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="entry"&gt;
          &lt;label&gt;Label 4  &lt;input type="text" value="{{val4}}"/&gt;&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="entry"&gt;
          &lt;label&gt;Label 5  &lt;input type="text" value="{{val5}}"/&gt;&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="entry"&gt;
          &lt;label&gt;Label 6  &lt;input type="text" value="{{val6}}"/&gt;&lt;/label&gt;
      &lt;/div&gt;
      ....
      .... &lt;/script&gt;
  </code></pre>
  
  <p>My template is pretty big. As i have shown above it has lot of inputs and i have included almost 10 <a href="http://tarruda.github.io/bootstrap-datetimepicker/" rel="nofollow">bootstrap datetimepicker</a> in my template. First time it is ok to compile and add dom like this.</p>
  
  <pre><code>var t = Handlebars.compile($('#temp').html());
  $('body').append(t(values);
  </code></pre>
  
  <p>but it is not good to re-render this entire template when i need to update only input and datetime pickers value. So i need to do something like below, which should update values alone.</p>
  
  <blockquote>
    <p>t(valueChanged);<br>
    OR<br>
    t('refresh', valueChanged);</p>
  </blockquote>
  
  <p>Is there a way to do this? This <a href="http://jsfiddle.net/2DRF6/2/" rel="nofollow">jsFiddle</a> may help you.</p>