Вміст, завантажений jQuery, не працює. Load () - javascript, jquery, html

У мене є деякі проблеми з отриманням JQuery для завантаження HTML-сторінки. Я використовую JQuery для завантаження цієї сторінки vvv

<a class="codaw" href="#"><img id="codawx_img" src="/images/img/codawx.png" alt="Call of Duty:Advanced Warfare" style="height:150px;"></a>

<script>
$("a.codaw").on("click", function(e){
e.preventDefault();
$("#container").remove();
$("#content").load("second.html"+"#content").hide().fadeIn("slow");
});
</script>

і ця сторінка завантажується нормально, але ця функція ^^^ jquery не завантажує другий вміст html, вона просто завантажує href.

Я не знаю, що я тут роблю не так, якби хтось міг поділитися деякими знаннями, я був би вдячний.

Відповіді:

Можливо, вам знадобиться делегування події. Спробуйте це:

<script>
$(function(){
$(document).on("click", "a.codaw", function(e){
e.preventDefault();
$("#container").remove();
$("#content").load("second.html"+"#content").hide().fadeIn("slow");
});
});
</script>

Довідка:

http://davidwalsh.name/event-delegate