UTF-8 Encoding not working in Chrome, Safari and Firefox on Mac

[zinkkrysty]

I am using the browser's console (Webkit inspector and Firebug) to reproduce this bug:

arr = [{"name": "brand", "value": "Citroën"}]
params = $.param(arr)
//=> "brand=Citro%C3%ABn"
History.replaceState(params, document.title, '?' + params)
/*=> statechange: [
Object
, "State 1", "http://balupton.github.com/history.js/demo/?brand=Citroën"] jquery.history.js:1
true
*/

I'm pretty sure %C3%AB is the UTF-8 character for ë so it should work, however the state messes it up and my script crashes.

IE8 in Windows 7 (virtual machine) works OK

I'm testing it here: http://balupton.github.com/history.js/demo

[riyad]

Probably related:

• String escaping - URLs with %252F #64
• String escaping - a safer solution #107
• try to more consistently handle URI-encoded URLs #108 (improved String escaping - a safer solution #107)
• use window.decodeURI before window.unescape in History.unescapeString() #162
• sbmaxx/history.js@25edd78

I don't know which one is the better solution.