Bootstrap Popover issue

Trying to get the jquery click to catch the button within the popover.

by timotheus

HTML

<script src="http://arshaw.com/js/fullcalendar-1.6.1/fullcalendar/fullcalendar.min.js"></script>
<link rel="stylesheet" href="http://arshaw.com/js/fullcalendar-1.6.1/fullcalendar/fullcalendar.css">
<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
<script src="http:////netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<br />
<button class="btn btn-primary demo_button">Click here</button>

<div id="popover_template">
    <button class="btn click_me">Make Alert</button>
</div>

CSS

#popover_template
{
    display:none;
}

JavaScript

jQuery(document).ready(function($) {

   $('.demo_button').click(function () {
        $(this).popover({
                    html: true,
                    trigger: 'manual',
                    placement: 'right',
                    content: function () {
                        var $buttons = $('#popover_template').html();
                        return $buttons;
                    }
        }).popover('toggle');
    });
    
    $('.click_me').click(function() {
        alert('it works!');
    });
    
});