hide () / show () не работает после запроса ajax

Question

$.ajax({
  type: "POST",
  url: '/test/',
  data: data,

  beforeSend: function (xhr) {
    xhr.setRequestHeader("X-CSRFToken", Cookies.get('csrftoken'));
  },
  success: function (data) {
    console.log(data);
  },
  error: function name(resp) {
    // this part is not working
    $('#steps-uid-0-p-0').show();
    $('#steps-uid-0-p-1').hide();
  }
});

Я не могу показать и скрыть div, если ответ от ajax является ошибкой. В консоли работает хорошо. Я пробовал использовать setTimeout(), но есть ли другое решение?