在另一个函数中的一个函数中使用定义的jquery变量

Question

我的目标是从区域点击函数传递变量“ platzid1”，以便在btn_submit函数内部使用它

我已经在区域click内定义了变量“ platzid1”，每当我在btn_submit内调用它时，它都说“未定义”

HTML：

<div id="22-401" id="test">
    <area id="4001" target="" alt="" title="4001" href="" coords="79,190,67,206" shape="rect"  > 
</div> 

<input name="id_input" id="id_input" type="text" class="form-control" value="<?php echo "$id_of_input"; ?>"> </input>

这是我尝试定义和使用变量的jquery代码：

var platzid1;

$(document).ready(function() {

$('area').on("click",function(){
    platzid1 = $(this).prop('id'); // storing ID of area
    var parentId1 = $(this).closest('div').prop('id');
});

$("#btn_submit").on('click', function(e) {
    e.preventDefault();
    alert(platzid1);
    var id = $("#id_input").val();
    var parentId = $("#Raum").val();
    var dose = $("#Dose").val();
    var mitarbeiter = $("#Mitarbeiter").val();

    if(!id || !parentId ){
        $('#message').show(15000).html("All fields are required.");
        var url = "";
    }
    else if(id != platzid1 ){
        $('#message').show(15000).html("ID does not match!");
        var url = "";
    }

请忽略是否缺少其他与代码无关的部分，因为我没有在此处复制整个代码。