JQueryでPlaceholderを入れると文字化けしてしまいます。

Question

JQueryで、placeholderを設置したいのですが、下記のように書くと、表示されるplaceholderが &#12534 のように文字化けしてしまいます。

<script type="text/javascript"> $(document).ready(function(){ $("#id").attr('placeholder', 'あ'); }); </script>

htmlはUTF-8で、スクリプトは外部ファイルではなくインラインで書いています。
対処法が分かる方、教えてください！よろしくお願いいたします。

環境はpardotです。
jQueryのバージョンは3.6.0
他のバージョンでも試してみましたが、ダメでした。
ブラウザはchromeです。
他社サイト（pardot)では同じ方法でプレースホルダーが表示されているのですが、この案件だけHTMLエンティティになってしまいます。

Comments

[m.ts10806]

文字化けではなくhtmlエンティティです。
その角度から調べてみては。

[ayamasa]

ありがとうございます。調べてみます！

[ayamasa]

Jqueryでデコードする方法がわかる方いらっしゃいましたらご教示ください。

[m.ts10806]

ただ、手元で試してみたのですがエンティティ変換起きませんね。
ブラウザ、jQueryのバージョンは何ですか？質問本文に記載してください。

[m.ts10806]

ちなみに、下記だとどうですか？
id.placeholder = "あ";
attrではなくプロパティとして直接指定します。
手元のブラウザ全てちゃんと「あ」が出ました。

[ayamasa]

ありがとうございます。
試してみましたが、やはりHTMLエンティティで表示されました。
なんとなくですが、セールスフォース（Pardot）の設定のせいのような気がしてきました。
お時間をいただき、ありがとうございました。

Answer 1

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>を入れたら直りました。初歩的なことでお手数をおかけしました。

Answer 2

環境の問題のような気がします。ありがとうございました。

Comments

[ayamasa]

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>を入れたら直りました。初歩的なことでお手数をおかけしました。