Ajax is not working (don't know why)

Question

Hi and thanks to everybody in advance!

I want to do a simple thing with Ajax but is not working: push the button and change the html with another one from the same folder. Is something with the javascript but I can't identify the problem. I'm quite a novice with web design.

$(".about .ajax").on("click",function(e){

var section = $(this).closest("section");

var href = $(this).attr("href");

$.ajax({
    url:href,
    dataType:"html",
    success:function(data){

        var contenido = $("#about",data);

        section.html(contenido);
    }
});
e.preventDefault();

});

jsfiddle

Answer 1

I don't think you are binding it back properly.

I think you want something like this:

success:function(data){
    $("#about").html(data);
}

Passing data as the 2nd argument will restrict jquery to find the right element.