Modal weird reaction

Modal weird reaction

I am trying to set up a modal using Bootstrap. What is annoying me is that
I get the modal box along with another container. I want to ONLY display
the modal box and nothing else around it.

This is my code:
<!-- Modal -->
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal">&times;</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
iuhiuh iuh
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary"
data-dismiss="modal">ok</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
and JS:
$('#myModal').modal();
I copied them from the docs.