Bootstrap 4 Modal/Popup with external link/url

bootstrap4modalexternallink.html

<!--
  Bootstrap 4 doesn't have the "remote" option anymore.  Little jQuery will get you an external URL in a modal
  *Note: The "data-remote" attribute specifies the URL to open within the modal
-->

<button id='abutton' class='buttonopen' data-remote='http://your-url.com'>Click Me</button>

<script>
$('buttonopen').on('click', '[data-toggle="modal"]', function(){
  $($(this).data("target")+' .modal-body').load($(this).data("remote"));
});  
</script>

Hmm - This will never run as is. For starters, it seems that $('buttonopen') refers to a class. If so, that is an invalid selector. Where is the rest of the working (and tested) code?