title: Bootstrap Popover + Meteor JS click event
body: <p>I'm trying to fire a meteor event by clicking on a button inside a bootstrap popover window. However, the event is not getting fired.</p>
  
  <p>Here is my code:
  </p>
  
  <pre><code>   &lt;button name="newLetter" class="glyphicon glyphicon-plus newLetter" type="button" data-container="body" data-toggle="popover" data-placement="right"&gt;&lt;/button&gt;
     &lt;div id="popover-content" class="hide"&gt;
        &lt;textarea&gt;&lt;/textarea&gt;
        &lt;button class='glyphicon glyphicon-ok btn btn-success btn-xs addNewLetter'&gt;&lt;/button&gt;
     &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>Template.templateName.events({
      'click .newLetter': function(e, t) {
          $(".newLetter").popover({
             html: true,
             title: 'New Letter',
             content: function() {
                return $("#popover-content").html();
             }
         });
      },
      'click .addNewLetter': function(e, t) {
          console.log('test');
      }
  });
  </code></pre>
  
  <p>Any help would be greatly appreciated.</p>