I m using Twitter Bootstrap modal window functionality When someone clicks submit on my form I want to show the modal window upon clicking the submit button in the form lt form id myform class form-wizard gt lt h2 class form-wizard-heading gt BootStap Wizard Form lt h2 gt lt input type text value gt lt input type submit gt lt form gt lt -- Modal -- gt lt div id myModal class modal hide fade tabindex -1 role dialog aria-labelledby myModalLabel aria-hidden true gt lt div class modal-header gt lt button type button class close data-dismiss modal aria-hidden true gt lt button gt lt h3 id myModalLabel gt Modal header lt h3 gt lt div gt lt div class modal-body gt lt p gt One fine body lt p gt lt div gt lt div class modal-footer gt lt button class btn data-dismiss modal aria-hidden true gt Close lt button gt lt button class btn btn-primary gt Save changes lt button gt lt div gt lt div gt jQuery myform on submit function ev my-modal modal show false var data this serializeObject json data JSON stringify data results text json data modal-body text json data results text data ev preventDefault

How to open a Bootstrap modal window using jQuery?

Bootstrap has a few functions that can be called manually on modals:

$('#myModal').modal('toggle');
$('#myModal').modal('show');
$('#myModal').modal('hide');

Specifically the methods section.

So you would need to change:

$('#my-modal').modal({
    show: 'false'
});

to:

$('#myModal').modal('show');

If you're looking to make a custom popup of your own, here's a suggested video from another community member:

~ Answered on 2012-11-01 18:57:05