Question

How to Hide a form and submit that form using jquery?
Is this possible?

Answer 1

Yes, it is possible:

On your HTML page:

<form id="my-form">
</form>

<a href="javascript:void(0);" id="submit">Submit</a>

Your script:

$(document).ready(function() {
  $("a#submit").click(function() {
    $("#my-form").hide(); 
    $("#my-form").submit();
  });
});

If your form contains a Submit button and you want the form to be hidden when the Submit button is pressed, instead you can listen to the submit event and handle it like this:

  $("#my-form").submit(function() {
    $(this).hide();
    return true;
  });