title: Accessing Table Row From Popover
body: <p>I currently have a bootstrap popover holding a button. The popover shows only when the mouse is over a table's <code>tr</code>.</p>
  
  <p>What I want to do is to be able to access the elements for that row, is this possible.</p>
  
  <p>Popover code:</p>
  
  <pre><code>$('.popup').popover(
      {
        placement: 'top',
        trigger: 'manual',
        delay: { show: 350, hide: 100 },
        html: true,
        content: $('#shortcuts').html(),
        title: "Quick Tasks"
      }
    ).parent().delegate('#quickDeleteBtn', 'click', function() {
        alert($(this).closest('tr').children('td').text()); // ???
  });
      var timer,
          popover_parent;
      function hidePopover(elem) {
          $(elem).popover('hide');
      }
      $('.popup').hover(
          function() {
            var self = this;
            clearTimeout(timer);
            $('.popover').hide(); //Hide any open popovers on other elements.
            popover_parent = self
            //$('.popup').attr("data-content","WOOHOOOO!");
            $(self).popover('show');            
          }, 
          function() {
            var self = this;
            timer = setTimeout(function(){hidePopover(self)},250);                 
      });
      $(document).on({
        mouseenter: function() {
          clearTimeout(timer);
        },
        mouseleave: function() {
          var self = this;
          timer = setTimeout(function(){hidePopover(popover_parent)},250); 
        }
      }, '.popover');
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="hide" id="shortcuts"&gt;
      &lt;a href="javascript:void(0);" id="quickDeleteBtn" class="btn btn-danger"&gt;Delete&lt;/a&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>javascript that implements popover on row:</p>
  
  <pre><code>rows += '&lt;tr class="popup datarow" rel="popover"&gt;';
  </code></pre>
  
  <p>Does anyone know what I'm doing wrong here and how I am supposed to access the child elements of the <code>tr</code> I'm hovering over?</p>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/C5BjY/8/" rel="nofollow">http://jsfiddle.net/C5BjY/8/</a></p>