Почему функция .after не работает в функции .done?

Есть у меня скрипт ajax который отправляет данные и потом через функцию .done выполняет действия?
Все действия кроме .after выполняються... и вне функции .done эта функция выполняеться

$('.product_full_favorite').on('click', function(e) {
    e.preventDefault();
    var id_fav = $(this).closest('.product_full_item').prop('id');
    $(this).hide();
    $.ajax({
      url: 'scripts/add_favorite.php',
      method: 'POST',
      dataType: 'text',
      data: {id_fav}
    }).done(function(data) {
      //$('.alerts > .alert').text(data);
      //$('.alerts').fadeIn();
      $('.favorites > span').after('<span class="favorites_row">1</span>');
      //setTimeout(function() {
      //$('.alerts').fadeOut()
      //}, 5000);
    })

Всё что в закоментированно выполняеться.