title: Use currency symbol with HTML5 and JavaScript
body: <p>I am writing a basic HTML5 with some JavaScript.</p>
  
  <p>I am using the following doctype:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  </code></pre>
  
  <p>And I have set my UTF-8 encoding like do (in the head tag):</p>
  
  <pre><code>&lt;meta content="text/html;charset=utf-8" http-equiv="Content-Type"&gt;
  &lt;meta content="utf-8" http-equiv="encoding"&gt;
  </code></pre>
  
  <p>The problem is, I have this javascript object which looks is exactly like this:</p>
  
  <pre><code>var symbol = {"GBP":"£", "EUR":"€", "USD":"$"};
  alert(symbol['GBP']);
  </code></pre>
  
  <p>When the object is called it returns with the infamous �!</p>
  
  <p>Could somebody please point me in the right direction?</p>
  
  <p>Thanks,</p>
  
  <p>Peter</p>