title: xml encoding error
body: <p>i have this code xml</p>
  
  <pre><code>&lt;?php header("Content-Type: text/xml;charset=ISO-8859-7");?&gt;
  &lt;pages&gt;
  &lt;link&gt;
  &lt;title&gt;κεμενο&lt;/title&gt;
  &lt;url&gt;http://www.example.com&lt;/url&gt;
  &lt;/link&gt;
  &lt;/pages&gt;
  </code></pre>
  
  <p>and the html code here for live search when i have latin characters on y xml it's working fine<img src="https://i.stack.imgur.com/8m2l6.png" alt="enter image description here"> but when i change the characters from english to greek i have this error message.
  <strong>Warning: DOMDocument::load() [domdocument.load]: Input is not proper UTF-8, indicate encoding ! Bytes: 0xE1 0x3C 0x2F 0x74 in /Applications/XAMPP/</strong></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-7" /&gt;
  &lt;script&gt;
  function showResult(str)
  {
  if (str.length==0)
    { 
    document.getElementById("livesearch").innerHTML="";
    document.getElementById("livesearch").style.border="0px";
    return;
    }
  if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
    }
  else
    {// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  xmlhttp.onreadystatechange=function()
    {
    if (xmlhttp.readyState==4 &amp;&amp; xmlhttp.status==200)
      {
      document.getElementById("livesearch").innerHTML=xmlhttp.responseText;
      document.getElementById("livesearch").style.border="1px solid #A5ACB2";
      }
    }
  xmlhttp.open("GET","livesearch.php?q="+str,true);
  xmlhttp.send();
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;form&gt;
  &lt;input type="text" size="30" onkeyup="showResult(this.value)"&gt;
  &lt;div id="livesearch"&gt;&lt;/div&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>