Form Submit using Jquery and mvc

Question

Am trying to submit a form using jQuery. My code below

<form id="sampleForm" action="@Url.Action("submitSearch","Home")">
    //Form Fields  textbox
    <button id="test" type="submit" ></button>
</form>

Inside document.ready having script

$("#sampleForm").submit(function () {
    console.log("Success");
});

But when click sumbit nothing is happening.

I tried the below code to see if I have mapped correctly and that works fine

$(document).on("click", "#search-button", function () {
    console.log("Success");
});

What am missing while submitting form ?

Answer 1

$("#test").click(function(){
   $("#sampleForm").submit();
});

Answer 2

Is it possible you're submitting but the page is reloading and the console log is cleared?

Also, just to clarify...

$("#sampleForm").submit(function () {
    console.log("Success");
});

This wires up an event to do stuff when the sampleForm is submitted...

$('#sampleForm').submit();

actually triggers the submit event