title: Displaying accented character in Javascript
body: <p>I am having problem displaying accented character in my app; It is showing <strong>⛽</strong> instead of <strong>ó</strong>. The string is coming from a json file retrieved from a server. Here are the technical details:</p>
  
  <p><strong>JSON:</strong> (<em>This is the object being retrieved from the server</em>)
  <br>notice the 3rd key "Relación" the letter "o" is accented.</p>
  
  <pre><code>[
      {
          "key": "Canales"
      },
      {
          "key": "Productos"
      },
      {
          "key": "Relación con el ejecutivo"      
      }
  ]
  </code></pre>
  
  <p><strong>Ajax</strong> (<em>here is the code to retrieve the information</em>)
  <br>notice I already added charset=utf-8 as most answers suggest</p>
  
  <pre><code>$.ajax({
      url: url,
      type: "GET",
      dataType: "json",
      contentType: "application/json; charset=utf-8",
      success: function(uri){
           alert("clintg test: " + JSON.stringify(uri));
      }
  }
  </code></pre>
  
  <p><strong>Alert:</strong> (as you can see, it is just showing a box symbol where it's supposed to be -> <strong>ó</strong>)</p>
  
  <p><img src="https://i.stack.imgur.com/VsXKZ.png" alt="screenshot of alert box"></p>