How to use Modal in meteor blaze

//modal trigger

<a  href="#Show_invited_list" class="modal-trigger trigger_helper" style="width: 100%; margin-top: 10px;" id="Show_invited" >

//modal html

  <div id="Show_invited_list" class="modal modal-fixed-footer modal_invitees modal_content_height">

        <div class="modal-header modal_header_create_event">

      <p class="modal_heading_p" style="margin-bottom: 0px;"><span style="margin-right: 20px;"><i class="fa fa-chevron-left"></i> </span> S</p>

        </div>

    <div class="modal-content">

       <ul class="collection">

    <li class="collection-item avatar " style="margin-bottom: 10px;">

      <img src="{{profile_pic}}" alt="" class="circle modal_invitees_img_page">

      <p class="invitees_name">{{name}}</p>

      <p class="invitees_headline">{{headline}}

       <span style="float: right;">

      <input type="checkbox" class="inviteuser invitees_headline_label" name="inviteuser[]" value="{{user_id}}" id="{{_id}}" />

      <label class="invitees_headline_label" for="{{_id}}"></label>

        </span>

      </p>

    </li>

  </ul>

    </div>

    <div class="modal-footer modal_footer_last">

       <a href="#!" id="agreeto" class="modal-action modal-close waves-effect waves-green btn-flat modal_footer_last_btn ">Invite</a>

    </div>

  </div>

//modal script

<script type="text/javascript">

 $(document).ready(function(){

    $('.modal').modal();

  });

</script>