index.html

<a href="/foo.html" data-modal="#foo-modal">Foo</a>

<div id="foo-modal" class="modal">
  Hello!
</div>

<script>
  $(function() {
    $('a[data-modal]').on('click', function() {
      $($(this).data('modal')).modal();
      return false;
    });
  });
</script>