как открыть модальное окно bootstrap с помощью jquery?

я использую функциональность twitter начальной загрузки модального окна. когда кто-то нажимает "отправить" на форме, я хочу показать модальное окно при нажатии на кнопку "отправить" в форме.

<form id="myform" class="form-wizard">    <h2 class="form-wizard-heading">bootstap wizard form</h2>    <input type="text" value=""/>    <input type="submit"/></form><!-- modal --><div id="mymodal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true">    <div class="modal-header">        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>        <h3 id="mymodallabel">modal header</h3>    </div>    <div class="modal-body">        <p>one fine body…</p>    </div>    <div class="modal-footer">        <button class="btn" data-dismiss="modal" aria-hidden="true">close</button>        <button class="btn btn-primary">save changes</button>    </div></div>

в 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();});