Не могу закрыть модалку bootstrap чистым javascript

function xhrSimulate(){ 
  setTimeout(() => $("#modalExample [data-dismiss=modal]").trigger({ type: "click" }), 1000) 
};

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
<button type="button" class="btn btn-primary" data-toggle="modal"  
        data-target=".bs-example-modal-lg">open modal 
</button> 
<div id="modalExample" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog"  
      aria-labelledby="myLargeModalLabel" aria-hidden="true"> 
  <div class="modal-dialog modal-lg"> 
    <div class="modal-content"> 
      <div class="modal-body"><p class="body-message centered">modal content</p></div> 
      <div class="modal-footer no-borders"> 
        <button type="button" class="btn btn-primary" onclick="xhrSimulate()">xhr simulate</button> 
        <button type="button" class="btn btn-primary" data-dismiss="modal">cancel</button> 
      </div> 
    </div> 
  </div> 
</div>