Verwenden von jQuery zum Senden von Formularen über einen Link außerhalb des Formulars

Ich versuche, ein Formular über einen Link in meiner Navigationsleiste zu senden.

Ich bin neu in javascript.jQuery und nicht sicher, warum dies nicht ausgeführt wird.

Ich habe das Gefühl, dass ich noch etwas in die Href des Links einfügen muss, aber ich bin mir nicht sicher, was es ist? Ich schätze das Feedback und die Expertise.

VERKNÜPFUNG

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

BILDEN

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

JAVASCRIPT (dieser Code in einer externen separaten Datei, die ich mit der Vorlage verknüpft habe)

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

Ich habe mit jQuery verlinkt mit:

Antworten auf die Frage(4)

Ihre Antwort auf die Frage