jQuery help please (using Bootstrap popovers)

Hi,

I’m trying to use the popovers function which is from the Bootstrap site [URL=”http://twitter.github.com/bootstrap/javascript.html#popover”]http://twitter.github.com/bootstrap/javascript.html#popover[/URL]

I’ve created a working example of what they provide on the website using jsFiddle – [URL=”http://jsfiddle.net/HQ7n6/2/”]http://jsfiddle.net/HQ7n6/2/[/URL]

My question being, if you look at my code in jsFiddle I can get the popover to work on the button, however what I would like to do is for the popover to work on the list items highlighed in yellow. So each list item provides a different message which display to the right of the list item. Not sure how possible this is, or if it might be easier wrapping the list item in a div maybe? Alternatively could this be added to the label instead? I’m going to have checkboxes and radio icons as well, so don’t want it adding to the input field.

Screenshot here of how I would like it to work [URL=”http://imageshack.us/photo/my-images…eenshotoh.png/”]http://imageshack.us/photo/my-images…eenshotoh.png/[/URL]

Any help or suggestions appreciated.
Thanks in advance.

Also in #JavaScript _↴