Potwierdzam wysłanie formularza, następuje wysłanie danych z formularza metodą POST poprzez AJAX. Po poprawnym wysłaniu do skryptu PHP ma zostać wyświetlony Modal z Bootstrapa:

[HTML] pobierz, plaintext 
<script>
$(function(){
    $('#myform').on('submit', function(e){
        e.preventDefault();
        $.ajax({
            url: 'content/ajax.php',
            type: 'POST',
            data: $('#myform').serialize(),
            success: function(data){
              $("#test_modal").modal('show');
            }
        });
    });
});
</script>
 
<div id="test_modal" class="modal-block modal-header-color modal-block-warning mfp-hide">
    <section class="panel">
        <header class="panel-heading">
            <h2 class="panel-title">Title</h2>
        </header>
        <div class="panel-body">
            <div class="modal-wrapper">
                <div class="modal-icon"><i class="fa fa-warning"></i></div>
                <div class="modal-text">
                    <h4>Title</h4>
                    <p>Jakis tam komunikat</p>
                </div>
            </div>
        </div>
        <footer class="panel-footer">
            <div class="row">
                <div class="col-md-12 text-right">
                    <a id="next_step" href=""><button class="btn btn-warning">Dalej</button></a>
                    <button class="btn btn-default modal-dismiss">Anuluj</button>
                </div>
            </div>
        </footer>
    </section>
</div>
 
 
<form id="myform" class="form-horizontal mb-lg" novalidate="novalidate">
  <input type="text" name="costam">
  <input type="text" name="costam2">
  <input type="submit" value="Wyslij">
</form>
[HTML] pobierz, plaintext 

Modal nie wyświetla się. Jeżeli jednak zrobię zwykłego linka do pokazywania Modala to działa:

[HTML] pobierz, plaintext 
<a class="mb-xs mt-xs mr-xs modal-basic" href="#test_modal">Pokaz okienko</a>
[HTML] pobierz, plaintext 

Gdzie leży błąd?

pokaż konsolę