javascript - 여러 입력 필드의 값을 하나의 단일 필드에 자동으로 복사하고 결합하는 방법은 무엇입니까?

lname 의 값을 복사 및 결합하고 싶습니다 fname  & mname   fullname 로   fullname 를 클릭하면 자동으로  필드입니다.

HTML은 다음과 같습니다.

<input type="text" class="form-control" id="lname">
<input type="text" class="form-control" id="fname">
<input type="text" class="form-control" id="mname">
<input type="text" class="form-control" id="fullname" onclick="namefunc()">

자바 스크립트 :

<script type="text/javascript">
    $(document).ready(function () {
        function namefunc() {
            var n1 = $('#fname');
            var n2 = $('#mname');
            var n3 = $('#lname');
            var fn = $('#fullname');
            fn.val(n1.val() + " " + n2.val() + " " + n3.val());
        }
    });
</script>

작동하지 않습니다. 도와주세요!