Как заполнить ячейки таблицы случайными числами с помощью кнопки в JavaScript

[пользователь может ввести количество строк и столбцов, затем после нажатия кнопки enter появляется шахматная доска.] [Проблема в том, что я не могу заполнить ячейки таблицы случайными числами с помощью кнопки Fill]

До сих пор код JavaScript является

    var a, b, tableElem, rowElem, colElem;

function createTable() {



    a = document.getElementById('row').value;

    b = document.getElementById('column').value;



    if (a == "" || b == "") {

        alert("Enter a number");

    } else {

        tableElem = document.createElement('table');



        for (var i = 0; i < a; i++) {

            rowElem = document.createElement('tr');



            for (var j = 0; j < b; j++) {

                colElem = document.createElement('td');

                rowElem.appendChild(colElem);

                if (i % 2 == j % 2) {

                    colElem.className = "white";

                } else {

                    colElem.className = "black";

                }

            }



            tableElem.appendChild(rowElem);

        }



        document.body.appendChild(tableElem);

    }

}

И Html-это

<div class="form-inline">

<div class="form-group">

    <input type="text" class="form-control" id="row" placeholder="Row">

</div>

<div class="form-group">

    <input type="text" class="form-control" id="column" placeholder="Column">

</div>

<button type="button" class="btn btn-primary" onclick="createTable()">

    Enter

</button>

<button onclick="fillTable()" id="btn" type="button" class="btn btn-info">

Fill

Я использовал jQuery

$(document).ready(function () {

    $('#btn').click(function () {

        $(colElem).append(1);

    });

});