如何在面板中打开多个模态

Question

我在引导面板中有2个具有相同ID的模态，在第一个选项卡中，当我单击“发送消息”按钮时，它工作正常，但在第二个选项卡中不起作用。

所以我的问题是：如何在引导面板中打开具有相同ID的多个引导模态的第一个元素？

JQUERY：

var session_user_id = 1;

//Open message modal
function message_modal(type_id){

   //If not loggedin redirect to login page
   if(!session_user_id){

      window.location.href = base_url+"users/login";
      return;
   }

   //We refresh the div to show message modal 
   $(".message-modal-"+type_id).load(location.href+" .message-modal-"+type_id+">*", function () {

     $(".message-modal-"+type_id).modal('show');

   });
}

JSFIDDLE