bootstrap - modal로 데이터 넘기기

button을 누르면 delteCheckModal이 동작합니다.
<button type="button" id = "deleteOpenModal" class="btn btn-danger btn-lg" data-toggle="modal" data-target= "#deleteCheckModal" data-title="data">  게시글 삭제</button>

deletecheckmodal

<!-- 공지사항 게시글 삭제할 때 삭제할건지 확인하는 모달 시작 -->
<!--modal 참고 url : https://getbootstrap.com/docs/4.0/components/modal/ -->
<div class="modal fade" id="deleteCheckModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">정말로 삭제하시겠습니까?</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                '삭제'버튼을 누르면 해당 게시글이 삭제됩니다.
                정말로 삭제하시겠습니까?
                <!--해당 글 삭제하는 주소값받는 input 태그-->
                <img id="deleteUrl" src="">
            </div>
            <div class="modal-footer">
                <!--
                replace한 이유는 삭제한 페이지의 기록을 남기고 싶지 않아서이다. (뒤로가기불가)
                replace 참고 url : http://heeestorys.tistory.com/747-->
                <button type="button" class="btn btn-primary" id="delete" onclick=location.replace="deleteURl">삭제</button>

                <button type="button" class="btn btn-secondary" data-dismiss="modal">닫기</button>
            </div>
        </div>
    </div>
</div>
<!-- 공지사항 게시글 삭제할 때 삭제할건지 확인하는 모달 끝 -->

데이터 넘기는 제이쿼리 코드

<script>
    // 부모창에서 모달로 데이터넘기기 참고 url : http://zzznara2.tistory.com/590
    $(document).ready(function() {
        $('#deleteCheckModal').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget);
            var deleteUrl = button.data('title');
            var modal = $(this);
           
        })
    });
</script>