title: escaping curly braces in jquery templates and knockout js
body: <p>I have a jquery template in which I have knockout js binding to a function literal, the function literal has curly braces inside and they are been wrongly interpreted by the template engine, here is the template:</p>
  
  <pre><code>&lt;button {{html "data-bind='click: function(){ loadProduct(" + i + ") }'" }}&gt;${ product.Name }&lt;/button&gt;
  </code></pre>
  
  <p>Is there any way to scape those braces? I've tried the {#literal} tag without success, also I wrapped everying in the {{ html }} tag because the hyphen in "data-bind" is also wrongly interpreted by the engine.</p>