Treści załadowane z jQuery .load () nie działają - javascript, jquery, html

Mam pewne problemy z nakłonieniem JQuery do załadowania strony HTML. Używam JQuery, aby załadować tę stronę 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>

i ta strona ładuje się dobrze, ale ta funkcja jquery ^^^ nie ładuje drugiej zawartości HTML, tylko ładuje href.

Nie wiem, co robię źle tutaj, jeśli ktoś mógłby podzielić się wiedzą, byłbym wdzięczny.

Odpowiedzi:

Może być konieczne przekazanie wydarzenia. Spróbuj tego:

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

Odniesienie:

http://davidwalsh.name/event-delegate