Не могу закрыть модальное окно

При удачном выполнении запроса ajax, не закрывается модальное окно

<div class="modal fade" id="add_group" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Добавить группу</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <form method="POST" id="store_group" action="javascript:void(null);" onsubmit="add_group()">
            <div class="form-group">
              <label for="name">Имя группы</label>
              <input type="text" class="form-control" name="name_group" aria-describedby="emailHelp">
            </div>
            <div class="form-group">
              <label for="description">Описание</label>
              <textarea class="form-control" name="description" rows="3"></textarea>
            </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
        <button type="submit" class="btn btn-primary">Добавить</button>
      </div>
          </form>
    </div>
  </div>
</div>


  function add_group() {
    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
    var msg   = $('#store_group').serialize();
      $.ajax({
        type: 'POST',
        url: '{{route('admin.store')}}',
        data: msg +"&_token="+ CSRF_TOKEN,
        success: function(data) {
         $('#add_group').modal('hide');
       },
       error:  function(xhr, str){
        alert('Ошибка');
      }
    });
  }