bootstrap popover открыт только с одной ссылки

Question

У меня проблема при открытии popover из разных ссылок.

Вот мой Javascript код:

$("#popover").popover({ 
    html : true, 
    content: function() { 
     var type = $(this).data("type"); 
     alert(type); 
     return $("#content").html(); 
    }, 
    title: function() { 
     return $("#title").html(); 
    } 
}); 

А вот мои две ссылки, чтобы открыть поповер из них:

<a href="#" id="popover" data-type="1">Link 1</a> 
<a href="#" id="popover" data-type="2">Link 2</a> 

поповер содержание:

<div id="content" class="hidden"> 
    Contents 
</div> 
<div id="title" class="hidden"> 
    Title 
</div> 

У меня есть эта проблема: Я могу открыть popover только с LINK 1, когда я нажимаю на LINK 2, ничего не произошло.

Answer 1

$(".popover").popover({ 
    html : true, 
    content: function() { 
     var type = $(this).data("type"); 
     alert(type); 
     return $("#content").html(); 
    }, 
    title: function() { 
     return $("#title").html(); 
    } 
}); 


<a href="#" class="popover" data-type="1">Link 1</a> 
<a href="#" class="popover" data-type="2">Link 2</a> 

Не верно повторить идентификатор в HTML-теги