Load Dynamic (AJAX) modal in Bootstrap 3, remove from DOM after timeout

modal.js

 $('[data-toggle="modal"]').click(function () {
   var url = $(this).attr('href');
   $.get(url, function (data) {
     var modal = $('<div id="clue-modal" class="modal fade" tabindex="-1" role="dialog"><div class="modal-dialog"><div class="modal-content">' + data + '</div></div></div>').modal();
     modal.on("hidden.bs.modal", function () {
       $(this).remove();
     });
     setTimeout(function(){
         modal.modal('hide');
     },5000);
   });
 });
 
 // Ref: https://getbootstrap.com/javascript/#modals-events