How to load ajax content?

[rajputvai]

How to load ajax content in the modal? Bootstrap 2/3 has the easiest method to load ajax content by just passing href="link" and it will be loaded to the modal. I tried the same but it is not loading or doing anything?

<a data-modal="#show-media" href="/medias/show/10" rel="nofollow" class="show-media-link md-trigger" tooltip="Asset ID">
  10
</a>
<div class="md-modal colored-header custom-width md-effect-9" id="show-media">
  <div class="md-content">
    <div class="modal-header">
      <h3>10</h3>
      <button type="button" class="close md-close" data-dismiss="modal" aria-hidden="true">&times;</button>
    </div>
    <div class="modal-body">
      <div class="text-center">
        <i class="fa fa-spinner fa-spin fa-2x"></i>
      </div>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default btn-flat md-close" data-dismiss="modal">Cancel</button>
    </div>
  </div>
</div>
<div class="md-overlay"></div>