title: JQuery .html method character encoding
body: <p>I have a similar problem to this: <a href="https://stackoverflow.com/questions/553463/jquery-ajax-character-encoding-problem">jQuery AJAX Character Encoding</a> but any solution mentioned there works for me.</p>
  
  <p>I've made three easy files to show the problem: </p>
  
  <p><strong>PHP File:</strong></p>
  
  <pre><code>//prueba.php
  echo "nº one two € áéíóú";
  </code></pre>
  
  <p><strong>JavaScript File (I use JQuery)</strong></p>
  
  <pre><code>//Javascript file
      function prueba() {
          $.ajax({
              type: "GET",
              contentType: "application/x-www-form-urlencoded;charset=ISO-8859-1",
              url: "prueba.php",
          }).done(function( data ) {
              $("#prueba").text(data); 
              //$("#prueba").html(data); //It does the same encoding error 
          });
      }
  </code></pre>
  
  <p>** HTML File:**</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;E-COMMERCE&lt;/title&gt;
          &lt;meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type&gt;
          &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
  
          &lt;script src="javascript/jquery.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="javascript/javascript.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;a href="javascript:prueba()"&gt;Prueba&lt;/a&gt;
          &lt;div id="prueba"&gt;&lt;/div&gt;
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>And when you click the link Prueba it shows: </p>
  
  <pre><code>Prueba
  n� uno dos � �����
  </code></pre>
  
  <p>The current website works perfectly but it does not use ajax and it is in the same server where i am doing this, so How can I tell to jquery to return ISO-8859-1 instead of whatever it is returning? I know that the ideal is to use always utf-8 but changing to utf-8 it will give us some problems we cant afford right now.</p>