title: TextAngular custom toolbar button onElementSelect not working for table/tr/td
body: <p>I have implemented a custom button that allows a user to add a table to the editor, which works fine.  However, I can't seem to get the <code>onElementSelect</code> to fire when clicking in the newly added table.  The goal is that when a user clicks on a table, a popover will displayed that will allow the user to edit the number of columns/rows. For now, I'm just triggering an alert.</p>
  
  <pre><code>taRegisterTool('insertTable', {
        iconclass: 'fa fa-table',
        tooltiptext: 'Insert table',
        onElementSelect: {
          element: 'td',
          action: function(event, $element, editorScope){
           alert('table clicked!');
           // once we get here, I will add the necessary code to implement the table editor
        },
        action: function($deferred){...
  
          ...
      });
      taOptions.toolbar[1].push('insertTable');
  </code></pre>
  
  <p>I have tried setting the element to <code>td</code>, <code>tr</code>, <code>tbody</code>, and <code>table</code>, but none of those work.  If I set it to <code>a</code> or <code>img</code>, clicking on one of those elements in the editor fires the alert.</p>
  
  <p>I've added custom toolbar buttons for inserting links and images and those work fine using this method. 
  Does <code>textAngular</code> not allow selection of the table elements? </p>
  
  <p>Plunkr of where I'm stuck: <a href="http://plnkr.co/edit/tm1dMv?p=preview" rel="nofollow">http://plnkr.co/edit/tm1dMv?p=preview</a></p>