Как реализовать динамическое обновление div на странице вместо обновления всей страницы?

Устанавливаем динамически обновить корзину после добавления в нее товара. с помощью ajax написал добавление товара в корзину. добавляется, проблем нет, но вот при обновлении корзины (без перезагрузки страницы, чисто блока див, в который завернута корзина) возвращает этот div на страницу, но он без актуальных данных корзины, а чисто по нулям данные в корзине которая якобы "обновлена". если же нажать обновление всей страницы - то обновляется эта вся страница и видны актуальные данные корзины.
Подходит для интернет магазинов

$(document).ready(function(){ 
    $(".buy-btn").on("click", function(){
    var product_id = $(this).data("id");
    var qty = $(".qty-"+product_id).val();
    $.ajax({  
      type: "POST",  
      url: "/include/add-cart.php", 
      dаta: ({id: product_id, count: qty}),  
      cache: false,  
      success: function(data){ 
        $("#reload").html(data); //вот этот элемент (#reload) УЖЕ должен быть на странице
        }  
      }); 
    });
  });


Поэтому в php нужно только (как я понимаю, это наверно выдает общую сумму корзины):
<?
   echo CNext::ShowBasketWithCompareLink('', '', true, 'top-btn inner-table-block', true);
?>


Ну и html-заготовка:
<input type="number" class="qty-<?=$arItem['ID']?>" min="1">
<div class="buy-btn" data-id="<?=$arItem['ID']?>">Купить</div>