Changer de class CSS en cliquant sur un lien

Bonjour, je suis un débutant en JavaScript et aujourd'hui j'ai un problème.
Je souhaite créer un site sur une seule page et lorsque je souhaite changer, par exemple de contenu qui sont dans des div (cf le code qui va suivre) le JS ne fait rien.

<div id="index1" class="index_select">
    <h2>Home</h2>
</div>

<div id="index2" class="index_unselect">
    <h2>Présentation</h2>
</div>

<div id="index3" class="index_unselect">
    <h2>Curriculum vitae</h2>
</div>

<div id="index4" class="index_unselect">
    <h2>Me contacter</h2>
</div>

J'ai mis en place le code JS suivant dont je sais qui ne fonctionne pas ou alors qui ne souhaite pas fonctionner, je ne sais pas.

$('div #index1').on('click', function() {
    $(this).removeClass('index_unselect').addClass('index_select'); 
});

$('div #index2').on('click', function() {
    $('div #index1').removeClass('index_select').addClass('index_unselect');
    $(this).removeClass('index_unselect').addClass('index_select');
});

$('div #index3').on('click', function() {
    $('div #index2').removeClass('index_select').addClass('index_unselect');
    $(this).removeClass('index_unselect').addClass('index_select');
});

$('div #index4').on('click', function() {
    $('div #index3').removeClass('index_select').addClass('index_unselect');
    $(this).removeClass('index_unselect').addClass('index_select');
});

J'éspère que vous saurez m'éclairer.
Cordialement, Marc.