Estoy intentando enviar un formulario desde un enlace que se encuentra en mi barra de navegación.

Soy nuevo en javascript.jQuery y no estoy seguro de por qué esto no se ejecuta.

Tengo la sensación de que necesito poner algo más en el href del enlace, pero no estoy seguro de qué es. Aprecio los comentarios y la experiencia.

ENLAZAR

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

FORMAR

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

JAVASCRIPT (este código en un archivo externo independiente que he vinculado a la plantilla)

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

He vinculado a jQuery con: