Странное поведение при использовании HTML-формы с плагином Lightbox jQuery. Как это исправить?

Я использую следующий код для отправки электронной почты без обновления или перехода на другую страницу. Он отлично работает.

Однако я редактирую его так, чтобы #thelightboxdiv, содержащий форму для загрузки, когда my button, а затем открывается сценарий лайтбокса и показывает форму.

Проблема в том, что когда я отправляю, страница обновляется и ничего не происходит (и письмо не отправляется).

Как я могу это исправить?

<script type="text/javascript">
$(function(){
    $("#myform").submit(function(event){
        event.preventDefault();
        $("#results")
            .show()
            .addClass("loading").html("");

        $.post('mailme.php', $("#myform").serialize(), function(data) {
            $('#results')
                .hide()
                .html(data)
                .fadeIn('slow')
                .delay(2000)
                .hide(1).removeClass("loading");
        });
    });
});

$('#loader').html('');


    </script>


            <a class="btn1 small lightbox" href="#thelightboxdiv">my button</a>
            <div id="thelightboxdiv" style="display: none!important;">

                    <div id="contact-form" class="contatct-form">
                        <div class="loader"></div>
                        <form id="myform" action="" class="contactForm" name="myform" method="post">
                                    <input id="name" name="name" type="text" value="" size="30">
                                    <input id="e-mail" name="email" type="text" value="" size="30">
                                    <input id="name" name="name" type="text" value="" size="30">
                                    <input type="submit" name="submit" class="button" id="button" value="send">
                        </form>
                    </div>
<div id="results"></div>
            </div>