Materialize Modal is not opening

Question

Hello I'm using Materialize js and its modal is not opening follwing is my code.Please let me know what wrong with it?

<!-- Modal Structure -->
<div id="modal1" class="modal bottom-sheet">
    <div class="modal-content">
        <h4>
            Modal Header
        </h4>
        <p>
            A bunch of text
        </p>
    </div>
    <div class="modal-footer">
        <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Agree</a>
    </div>
</div>
<a class="waves-effect waves-light btn" href="#modal1">Modal</a>

Fiddle

Answer 1

In the Javascript add this: $('#modal1').modal(); before: $('#modal1').modal('open');