Close Bootstrap modal on form submit

Question

I have a Bootstrap modal dialog which contains a form. The modal dialog contains a submit and a cancel button. Now on submit button click the form is submitted successfully but the modal dialog isn't getting closed. Here is my HTML:

<div class="modal fade" id="StudentModal" tabindex="-1" role="dialog" aria-labelledby="StudentModalLabel" aria-hidden="true" data-backdrop="static">    <div class="modal-dialog">       <div class="modal-content">          <form action="~/GetStudent" class="form-horizontal" role="form" method="post" id="frmStudent">             <div class="modal-footer">                <div class="pull-right">                   <button type="submit" class="btn btn-success"><i class="glyphicon glyphicon-ok"></i> Save</button>                   <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-remove"></i> Close</button>                </div>             </div>          </form>       </div>    </div> 

Anybody knows how to do this?

Answer 1

Use that Code

 $('#button').submit(function(e) {     e.preventDefault();     // Coding     $('#IDModal').modal('toggle'); //or  $('#IDModal').modal('hide');     return false; });