title: jQuery html() converting braces to html entities (sometimes)
body: <p>Basically:</p>
  
  <p>I have this HTML:</p>
  
  <pre><code>&lt;div id="foo"&gt;&lt;img src="/foo/bar/{var}/foo" alt="{var}"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>When calling (using jQuery in Firefox):</p>
  
  <pre><code>$("#foo").html()
  </code></pre>
  
  <p>I get:</p>
  
  <pre><code>&lt;img src="/foo/bar/%7Bvar%7D/foo" alt="{var}"&gt;
  </code></pre>
  
  <p>My desired output is:</p>
  
  <pre><code>&lt;img src="/foo/bar/{var}/foo" alt="{var}"&gt;
  </code></pre>
  
  <p>What's going on here? Any tips for how to resolve this?</p>
  
  <p>I guess I'd be surprised if the solution was to use regex to undo the HTML entities conversion.  Using parens instead of braces seems to cause the same result (with different HTML entities).</p>
  
  <p><strong>Edit</strong>: I tried this using square brackets (<code>[</code> and <code>]</code>), and unlike parens and braces the brackets are not converted to HTML entities.  Do parens and braces have some special meaning here?</p>