javascript - jQueryを使用してフォーム外のリンクからフォームを送信する

Question

ナビゲーション バーにあるリンクからフォームを送信しようとしています。

私は javascript.jQuery が初めてで、これが実行されない理由がわかりません。

リンクのhrefに何か他のものを入れる必要があると感じていますが、それが何であるかわかりませんか? フィードバックと専門知識に感謝します。

リンク

<li><a href="#" id="add-product-save-link"><i class="icon-plus"></i> Save</a></li>

形

<form class="form" action="" method="post" id="add-product-form">

JAVASCRIPT (このコードは、テンプレートにリンクした別の外部ファイルにあります)

$(document).ready(function() { 
    $('#add-product-save-link').click(function(e) {
        e.preventDefault();
        $('#add-product-form').submit();
    });
});

私はjQueryにリンクしました:

Answer 1

イタリック体 (ID あり) ではなく、「A」をクリックしています。HTML を変更しないと仮定すると、これを使用する必要があります。

$(document).ready(function() {  
    $('#add-product-save-link').parent().click(function(e) {
        $('#add-product-form').submit();
        return false;
    });
});

Answer 2

$("#button").click(関数(e){

        $.post('url.php', $("#form").serialize(), function(data){