Мерцает модальное окно Twitter Bootstrap

Я хочу вставить что-то в модальное окно с помощью Ajax, поэтому я попытался открыть вручную в модальном окне. Код выглядит так

    $(function(){
        $('#modal-from-dom').modal({
            backdrop: true,
            keyboard: true
        });
        $('#modalbutton').click(function(){

            $('#my-modal').bind('show', function () {
                // do sth with the modal
            });
            $('#modal-from-dom').modal('toggle');

            return false;
        });
    });

HTML копируется прямо со страницы bootstrap js

<div id="modal-from-dom" class="modal hide fade">
    <div class="modal-header">
      <a href="#" class="close">×</a>
      <h3>Modal Heading</h3>
    </div>
    <div class="modal-body">
      <p>One fine body…</p>
    </div>
    <div class="modal-footer">
      <a href="#" class="btn primary">Primary</a>
      <a href="#" class="btn secondary">Secondary</a>
    </div>
</div>
<button id="modalbutton" class="btn">Launch Modal</button>

Таким образом, проблема заключается в том, что нажатие кнопки в первый раз работает нормально, после второго щелчка модальное окно отображается на 1 секунду или около того, а затем исчезает. Если я изменю "переключить" на "показать", после второго щелчка фон не исчезнет полностью. Как я могу отладить это?