title: Input type email value in Chrome with accented characters wrong
body: <p>When entering accented characters into an input type email in Chrome, it changes the value to something strange. </p>
  
  <p>When entering the email: <em>test@Bücher.ch</em> the input value becomes: <em>test@xn--bcher-kva.ch</em>. </p>
  
  <pre><code>$('#email').val() // --&gt; test@xn--bcher-kva.ch
  document.getElementById('email').value // --&gt; test@xn--bcher-kva.ch
  </code></pre>
  
  <p>This does not happen with an input type text, or in other major browsers.</p>
  
  <p>See this <a href="http://jsfiddle.net/ChrisFraser/dsmcsdxg/" rel="noreferrer">fiddle</a> for example. What is going on here and how do I get around it?</p>