Unable to reset the form

I had designed form. It has two glyph-icons one is floppy disk to save and another is remove glyph-icon to reset the form. I tried to save the data through floppy-disk using the function, its worked. I am unable to make reset the form data using remove glyph-ion. How to reset the data. I am little bit confused with function call for reset.

<script>
    //Banking details form validation
    $(document)
        .ready(
            function() {
                $('.editBankDetailBtn')
                    .click(
                        function() {
                            if ($('.editBankDetail').is(
                                    '[readonly]')) { //checks if it is already on readonly mode
                                $('.editBankDetail').prop(
                                    'readonly', false); //turns the readonly off
                                $('.editBankDetailBtn')
                                    .html(
                                        '<span class="glyphicon glyphicon-floppy-disk">&nbsp;</span><span id="Cancel" class="glyphicon glyphicon-remove">&nbsp;</span>');

                            } else { //else we do other things


                                var patt = /^([0-9]{11})|([0-9]{2}-[0-9]{3}-[0-9]{6})$/;
                                var reg = /^[A-Za-z]{4}[0-9]{6,7}$/;
                                patt.test('acdbdfdsfsf22-333-666666'); // true

                                var bname_1 = document.getElementById('bankName').value;

                                if (bname_1 == "") {

                                    document.getElementById('bankName').style.borderColor = "red";
                                    return false;
                                } else {
                                    document.getElementById('bankName').style.borderColor = "#cccccc";
                                }

                                var aaccount_number = document.getElementById('accountNumber');
                                if (!patt.test(aaccount_number.value)) {

                                    document.getElementById('accountNumber').style.borderColor = "red";
                                    return false;
                                } else {
                                    document.getElementById('accountNumber').style.borderColor = "#cccccc";
                                }


                                var bifsc = document.getElementById('ifscCode').value;

                                if (!reg.test(ifscCode.value)) {

                                    document.getElementById('ifscCode').style.borderColor = "red";
                                    return false;
                                } else {
                                    document.getElementById('ifscCode').style.borderColor = "#cccccc";
                                }

                                var bank_address = document.getElementById('branchAddress').value;

                                if (bank_address == "") {

                                    document.getElementById('branchAddress').style.borderColor = "red";
                                    return false;
                                } else {
                                    document.getElementById('branchAddress').style.borderColor = "#cccccc";
                                }




                                saveBankDetail();

                                $('.editBankDetail').prop(
                                    'readonly', true);
                                $('.editBankDetailBtn')
                                    .html(
                                        '<span class="glyphicon glyphicon-pencil">&nbsp;</span>');

                            }

                            //Cancel
                            $('#Cancel').click(function() {
                                function Cancel() {
                                    if (!validData())
                                        return false;
                                }

                            });

                        });

            });


    function saveBankDetail() {

        $.ajax({
            url: '${pageContext.request.contextPath}/update-bankdetail.html',
            type: "post",
            data: {
                bankName: $('#bankName').val(),
                branchAddress: $('#branchAddress').val(),
                accountNumber: $('#accountNumber').val(),
                ifscCode: $('#ifscCode').val(),

            }

        });

    }
</script>