Open a bootstrap modal

JavaScript
8

I have this in my try block and nothing happens

<script>
$('#thankyouModal').modal('show');
</script> 
<?php

echo '<div class="modal fade" id="thankyouModal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">';
echo '<div class="modal-dialog modal-lg">';
echo '<div class="modal-content">';
echo '<div class="modal-header">';
echo '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>';
echo '<h4 class="modal-title">Thank you, please review your responses and email anything we missed to admin@houston-asp.com</h4>';
echo '</div>';
echo '<div class="modal-body">';
...
...
echo "</div>";
echo "<div claas='modal-footer'><button type='button' class='btn btn-primary' data-dismiss='modal'>Close</button></div>";
echo '</div><!-- /.modal-content -->';
echo '</div><!-- /.modal-dialog -->';
echo '</div><!-- /.modal -->';

shouldn’t the modal be showing?