[jQuery] serialize a form with german characters

[jQuery] serialize a form with german characters


Hi,
I tried to send a form via ajax. To send it, I first serialized it -
but after that there seems to be an encoding problem with my german
characters. I can see these strange broken characters in the firefox-
log.
I saved my html-document as UTF-8 and I also set the documents content
type to UTF-8.
Here is a codesample. Hopefully someone can give me some hints to fix
that :-)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; utf-8" />
<title>Unbenanntes Dokument</title>
<script language="javascript" type="text/javascript" src="/js/
jquery-1.2.1.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
    console.log("Debug: " + $("#frm_coupon").serialize());
    console.log("Debug: " + $("#txtAmount").val());
});
</script>
</head>
<body>
<form id="frm_coupon" name="frm_coupon" method="post" action="/php/
orderCoupon.php">
    <select name="Behandlung" id="selTreatment" class="xl">
        <option selected="selected">Option wählen</option>
    </select>
    <input type="text" class="xl" name="betrag" id="txtAmount"
value="Auswählen" />
</form>
</body>
</html>