如果存在另一个js，.click js会被触发两次

Question

我有以下html

<div id="personalText" >
    <div class="display">
        <a href="#" id="editButton"> edit </a>
        <p id="descText">{{profile.desc}}</p>
    </div>
    <div class="edit" style="display:none;">
        <textarea cols='40' rows='9' id="desc_text" style="border:none; display:block;">{{profile.desc}}</textarea>
        <input type="submit" value="Update"/>
    </div>
</div>

这是js我有

的一部分

$("#editButton").click(function() {
    $(".display, .edit").toggle();
    var desc_text = $("#desc_text").text();
    return false;
});

$("input[type='submit']").on("click", function() {
    var dec_text = $('#desc_text').val();
    $.ajax({
        type: "POST",
        url:"/users/update_desc/",
        data: {
        'val': dec_text,
        },
    }).success(function(){
        $(".display, .edit").toggle();
        $("#descText").html(dec_text);
    });
    return false;
});

问题是如果$("#editButton").click(function()下面的js片段存在，则$("input[type='submit']").on("click", function()会被触发两次，但是如果我注释掉textarea那么它就能正常工作。

此外text应显示其中的文字，但它不会显示任何内容。虽然{{1}}存在，但它没有显示出来。