microsoft edgeのjavascript文字化け対策

edgeにてjavascriptを使用して日本語を挿入した際に文字化けが発生した場合の対処方法

comment_count.js

//コメント欄の文字数をカウントするためのjsです。
$(function(){
    $('.comment').keyup(function(){
        let count = 255 - $(this).val().length;
        $('.comment').text("コメントはあと" + count + "文字入力できます");
        if(count <= 0){
            $('.comment').text("コメントは255文字までです");
        }
    });
});

edge環境でのみ以下のような文字化けが発生

対処方法

1.javascriptをBOM付UTF-8に変換する
(使用ツールはCotEditor)

2.javascriptを読み込む時にcharset='UTF-8'を指定する
(順番をcharset, srcの順にしないだめかも)
<script charset='UTF-8' src="comment_count.js"/>

edge環境でも文字化けせず表示されました！