jquery append content после стирания предыдущего содержимого

Question

Я думал, что с использованием функции .append предыдущего поиска укажите содержимое в файле .json, он вернет только одно содержимое времени, если я положил свойство .empty div перед .append еще раз. НО Я НЕПРАВИЛЬНО.

Я думаю, что должна быть функция, останавливающая этот цикл, но я не получаю его.

$('#mn_1').live('click', function() { 
     $('#tt_mn').text(""); 
     var idx = $(this).data('articleidx'); 
     $.getJSON("auth/data_prod.json", function(data) { 
      $("<p class='prod_c'>" + data.articles[idx].title + "</p>").appendTo("#tt_mn"); 
     }); 
    }); 

на document.ready

$(document).ready(function() { 
    $('#tt_mn').text(""); 
}); 

большое спасибо.

Answer 1

попробуйте использовать html() в обратном вызове он заменит предыдущие данные с новой, которую вы предоставили

$("#tt_mn").html($("<p class='prod_c'>" + data.articles[idx].title + "</p>")); 

DEMO

Answer 2

Не совсем уверен, что понял вопрос, но проблема опорожнения DIV перед добавлением?

Я дам ему выстрелили в любом случае

$(document).on('click', '#mn_1', function() { 
    var idx = $(this).data('articleidx'); 
    $.getJSON("auth/data_prod.json", function(data) { 
     $("#tt_mn").html("<p class='prod_c'>" + data.articles[idx].title + "</p>"); 
    }); 
});