【Django】jQueryで実装したフォームの字数カウント機能で、byte数単位でカウントしたい

前提・実現したいこと

Linux上に立てた仮想環境内で、Python/Djangoを用いてWebサイトを試作しています。
jQueryにて、フォームに入力された文字数をカウントし、以下のようにページ内に表示する機能を作成しました。

この字数カウントは、現在「全角/半角の区別なく、入力された文字数をカウントする」といった動作をします。

これを「byte数単位で入力された文字数をカウントする」という動作にしたいです。
たとえば上の画面イメージではカウント結果が「5 / 4000 byte」となってしまっていますが、「あ」は2byte文字なので、「10 / 4000 byte」という表示になるようにしたいです。

コードの例などをご教示いただけますと助かります。

該当のソースコード

forms.pyにて、以下のように該当項目'answer'の最大長を指定

Django
1    answer = forms.CharField(max_length=4000)

Djangoのテンプレートのフォーム表示箇所

Django
1    <div class="form-group row">
2        <label for="{{ body_form.answer.id_for_label }}" class="col-sm-2 col-form-label text-right"><font color=red><b>* </b></font><b>{{ body_form.answer.label }}</b>:</label>
3        <div class="col-sm-6">{{ body_form.answer }}</div>
4        <p><span class="show-count">0</span> / 4000 byte</p>
5    </div>

jQueryの記述

jQuery
1<script>
2$(function(){
3
4  $('#id_answer').keyup(function(){
5    var count = $(this).val().length;
6    $('.show-count').text(count);
7  });
8});
9</script>