「$」や「*」などの特殊な振る舞いをするメタ文字を普通の単なる文字列として扱う場合（htmlにコードとして表示するなど）は、エスケープコード +制御文字の組み合わせによるエスケープシーケンスが必要になります。

この書き換えは手作業でも可能ですが、文字列が多い場合は手間がかかりとても面倒です。そんなときのためのjQueryを使った書き換えです。上側のtextareaにコードをコピー & ペーストして「エスケープ」ボタンをクリックすると、下側のtextareaに書き換えたものが表示されます。このtextareaをクリックすると、文字列全体が選択されるので、コピーし、htmlのpreタグの間にペーストします。