How to add a close button to the Twitter Bootstrap Popover feature

popover.html

<a 
	id="children-age-toggler"
	data-target-selector="#children-age" 
	data-placement="bottom"
	href="javascript:;"
	class="children-age popover-children"
	data-title="Children's Age"
></a>
<div id="children-age" class="hidden">
	<p>Please select your children's Age</p>
	<!-- put here more html forms and stuff -->
</div>

popover.js

// Popover for the quick search additional fields
jQuery('.popover-test').popover({ 
	html : true, 
	content: function() {
		return $(jQuery(this).data('target-selector')).html();
	},
	title: function(){
		return jQuery(this).data('title')+'<span class="close">&times;</span>';
	}
}).on('shown.bs.popover', function(e){
	var popover = jQuery(this);
	jQuery(this).parent().find('div.popover .close').on('click', function(e){
		popover.popover('hide');
	});
});