title: jQuery load character encoding issue
body: <p>Please note, I have read the similar questions and the suggested answer frequently 
   popping up:</p>
  
  <pre><code>&lt;?php
   header("Content-Type: text/html; charset=utf-8");
   ?&gt;
  </code></pre>
  
  <p>Did not solve the issue.</p>
  
  <p><strong>Here's the header of my outer page:</strong></p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
          ...
  </code></pre>
  
  <p><strong>Here is a sample of  inner.php</strong></p>
  
  <pre><code> &lt;p&gt;£&lt;/p&gt;
   &lt;p&gt;&lt;?php echo $employee-&gt;salary; ?&gt;&lt;/p&gt; &lt;!-- employee-&gt;salary = £30,000 (from db) --&gt;
  </code></pre>
  
  <p><strong>I'm loading with jquery:</strong></p>
  
  <pre><code> $('#salary').load('inner.php')
  </code></pre>
  
  <p><strong>On the output of the outer page I'm seeing:</strong></p>
  
  <pre><code>£
  �30,000
  </code></pre>
  
  <p><strong>inner.php when viewed in the console looks like:</strong></p>
  
  <pre><code>Â£
  £30,000
  </code></pre>
  
  <p>I need the output on the outer page to appear as £30,000 and I'm unable to figure out what I'm doing wrong</p>