Tweede keer load()

Hallo,

Op dit moment ben ik bezig met een website, hierop heb ik verschillende buttons.

De bedoeling is dat je eerste 5 buttons ziet, druk je daarop zie je andere buttons, druk je daarop zie je informatie.

Tot de 2e stap gaat goed, alleen de laatste stap lukt niet..

$(document).ready(function() {
    $('.button').click(function() {
        $( "#richtlijnen" ).load(this.value+".html");
    });
    
     $('.kies_lijn').click(function() {
        $( "#richtlijnen" ).load("richtlijn.html");
    });
});

Dat is mijn stukje code. .button zijn de eerste buttons. .kies_lijn zijn de tweede buttons.

Alleen lijkt het erop of hij de .kies_lijn niet kent, terwijl de naam etc goed is.

Iemand die mij kan helpen?