Обновление ответа ajax на дочернем div

Question

Я получаю результат ajax совершенным, но я не могу показать его правильно.

Я хочу показать несколько раз. Так что я эта разметке

<div class="ajax-response-wrap"> 
<ul>  
    <li><a href="#" id="9,14" class="ajax-post">All</a></li> 
</ul> 
<div class="ajax-response">Update response here</div>   

другой разметка

<div class="ajax-response-wrap"> 
<ul>  
    <li><a href="#" id="3" class="ajax-post">All</a></li> 
</ul> 
<div class="ajax-response">Update response here</div>   

Моего Аякс результат показан в обоих <div class="ajax-response"></div> Но я хочу только перспективные дела.

Мой JQuery код

success: function(data, textStatus, jqXHR){ 
    var $ajax_response = $(data);     
    $('.ajax-response').html($ajax_response);     
}, 

Скриншот

Answer 1

Это, вероятно, не HTML, попробуйте следующее -

success: function(data, textStatus, jqXHR){     
    $('.ajax-response').text(data);     
}, 

Answer 2

Это должно работать,

success: function(data, textStatus, jqXHR){     
    $('.ajax-response').html(data);     
},