He buscado a fondo tanto en StackOverflow como en Google, pero salí vacío. Así que disculpas de antemano si esto ha sido pedido y resuelto ya.

NÓTESE BIEN: Soy un novato en jQuery, así que no estoy seguro de cómo escribir esto yo mismo. Estoy seguro de que este es un fragmento de código fácil, pero no puedo envolverlo en mi cabeza.

Lo que estoy buscando hacer es usar undata- elemento (por ejemplo:data-class o similar) para adjuntar una nueva clase (o ID, ¡ya no soy exigente!) al menú emergente de nivel superior<div>. El código que tengo actualmente es el siguiente:

jQuery:

$('a[rel=popover]')
    .popover({
        placement : 'bottom',
        trigger : 'hover'
    })
    .click(function(e) {
        e.preventDefault()
    });

HTML:

<a href="" rel="popover" data-class="dynamic-class" title="Title goes here" data-content="Content goes here">

Y lo ideal sería que el tipo de HTML que hubiera escupido fuera algo así:

<div class="popover ... dynamic-class">
    <!-- remainder of the popover code as per usual -->
</div>

¿Es esto algo que puedo hacer? La documentación en el sitio de bootstrap para popovers es un poco escasa, por lo que me ha llevado un tiempo llegar a este punto, desafortunadamente :(

Gracias de antemano por cualquier y todas las respuestas!