jQuery - problem ze zdarzeniem "click"

Question

Witam!

Po obejrzeniu 5 odcinka kursy JS postanowiłem ulepszyć silnik gry. Udało mi się zrobić losowanie kart i teraz chciałbym wyświetlić na starcie (zaraz po załadowaniu strony) krótką instrukcję i przycisk start (screeny poniżej). Problem polega na tym, że po kliknięciu na przycisk start, strona powinna zmienić instrukcję na licznik tur a przycisk start zamienić na planszę z kartami. Tak się jednak nie dzieje. Próbowałem już wiele kombinacji i nic nie chciało działać. Poniżej zamieszczam kod.

var board = $(".board");

$(function(){
    $(board).html('<button>Start</button>');
    $('.score').html('Gra polega na odkrywaniu kolejnych par. <br /><br /> CEL: odkryć wszystkie pary w jak najkrótszym czasie z jak najmniejszą liczbą prób.<br /><br /> Po załadowaniu się planszy zegar rozpocznie odliczanie czasu.<br /><br /> Kliknij przycisk "Start", aby rozpocząć!');
    $('.score').css('margin-top', '100px').css('font-size', '40px');
});

$('button').on("click", function(){
    $(this).html(board);
    $('.score').html('Turn counter: 0');
    $('.score').css('margin-top', '240px').css('font-size', '55px');
});

Tak to powinno wyglądać na starcie.

A tak po kliknięciu na 'Start'.

Jeśli ktoś ma jakiś pomysł jak to rozwiązać to będę wdzięczny za pomoc.

Pozdrawiam!