невозможно получить доступ к jquery объекту json

Question

Ниже мой jQuery код. Я не могу получить доступ к переменной jQuery внутри объекта JSON. Когда я проверяю консоль, она пуста.

$(document).ready(function () {
    var sr = 0;
    var invoiceArray = [];
    var invoiceDetailArray = [];
    var customername = $("#customername").val();
    var mobnumber = $("#mobilenumber").val(); 
    var idcardno = $("#idcardno").val();
    var status = $("#status option:selected").text();
    var address = $("#address").val();
    $("#submit").click(function () {
        var invoice = {
            customername: customername,
            mobnumber: mobnumber,
            idcardno: idcardno,
            status: status,
            address: address,
        }
        invoiceArray.push(invoice);
        console.log(JSON.stringify(invoiceArray));

    })
})