title: Phonegap not showing accents spanish words
body: <p>I've developed an app that consumes a web service from a server, the server gives it's response in JSON. Most of the news are on spanish so the have accents on their letters. They are coming on the JSON file as </p>
  
  <pre><code>&amp;Aacute; 
  </code></pre>
  
  <p>for example. But when the page loads it gives me this �</p>
  
  <p>What can i do?</p>
  
  <p>EDIT</p>
  
  <p>Here's my header:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="content-type" content="text/html;charset=utf-8" /&gt;
  &lt;title&gt;PhoneGap&lt;/title&gt;
  &lt;link type="text/css" rel="stylesheet" href="photoswipe.css"&gt;
  &lt;link type="text/css" rel="stylesheet" href="jquery.mobile.structure-1.0.css" /&gt;
  &lt;script type="text/javascript" src="jquery-1.7-min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery-mobile-1.0-min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" charset="utf-8" src="phonegap.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="klass.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="code.photoswipe.jquery-3.0.4.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="service.js"&gt;&lt;/script&gt;
  &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1"&gt;
  &lt;/head&gt;
  </code></pre>