Eu estou tentando esconder todos os outros popovers quando um novo popover é selecionado, fazendo o seguinte:

Meu HTML

a.btn#requests(rel='popover',data-placement='bottom',data-original-title='<b>Requests</b>',data-content='My content goes here')

Meu Javascript

  $(function (){
    console.log('start');
    $('#requests').popover();
    $('#messages').popover();

  });

  //This doesn't work for some reason?
  $('#requests').on('show', function (e) {
    console.log('requests');
    $('#messages').popover('hide');
  });

  $('#messages').on('show', function () {
    console.log('messages');
    $('#requests').popover('hide');
  });

No entanto, meu console.log ('requests') e console.log ('messages'); nunca é mostrado, mesmo que os pedidos e as mensagens popovers estejam aparecendo, o que estou fazendo errado?