Как заполнить автоматически selectsize JS при редактировании HTML формы?

У меня есть форма с 3 полями, которые представляют собой 2 поля ввода текста и 1 поле выбора из выпадающего меню. Когда я добавляю данные, затем я хочу их отредактировать, я хочу, чтобы старые данные отображались в поле. Поле ввода текста уже в порядке, но поле выбора (Страна), которое я создал с помощью select size js, не отображает старое значение.

 <form action="" method="post" id="EditForm">
                    {% csrf_token %}
                    <div class="col-md-12">
                      <div class="form-group">
                        <label for="NameEdit" class="control-label">Name</label>
                        <input name="Name" id="NameEdit" type="text" class="form-control"  required
                          oncopy="return true;" onpaste="return true;" oncut="return true;" />
                      </div>
                      <div class="form-group">
                        <label for="AddressEdit" class="control-label">Address</label>
                        <input name="Address" id="AddressEdit" type="text" class="form-control"
                           data-toggle="popover" data-trigger="focus" required
                           data-placement="left" oncopy="return true;" onpaste="return true;" oncut="return true;" />
                      </div>
                      <div class="form-group">
                        <label for="CountryEdit" class="control-label">Country</label>
                        <select name="CountryEdit" type="text" class="form-control"  id="CountryEdit"  required
                        data-placement="left" oncopy="return true;" onpaste="return true" oncut="return true;" >
                          <option value="">Select the country</option>
                          {% for x in countries %}
                          <option value="{{x.CountryCode}}">{{x.CountryCode}} ({{x.CountryName}})</option>
                          {% endfor %}
                        </select>
                      </div>
                    </div>
                  </form>

$(document).on('click', '.editUserBtn', function () {
    var user = $(this).data('id');
    editUrl = 'edit/'+user;
    var currentURL = window.location.href;
    console.log(currentURL + 'edit/' + user);
  $.ajax({
      type: "GET",
      url: currentURL + 'edit/' + user,
      success: function (data) {
        $('#EditForm').attr('action', 'edit/' + user);
        $('#EditModal').modal('show');
        $('#NameEdit').val(data.Name);
        $('#AddressEdit').val(data.Address);
        $('#CountryEdit option:checked').val(data.Country);
      }
    })
  });

$('#CountryEdit').val(data.Country);

Вернуться на верх