title: How can I add tooltip to :before element?
body: <p>I am having a problem with adding tooltip to :before element. For example my input become error and inside <code>&lt;div class="form-group has-error"&gt;</code> is <code>:before</code> element that has icon. And I want to add with jQuery tooltip to this before element.</p>
  
  <p>This is my code:</p>
  
  <pre><code>$('body').tooltip({
      selector: '[data-input].has-error:before',
      animation: true,
      container: 'body',
      placement: 'bottom',
      title: 'error message'
  });
  </code></pre>
  
  <p>or this:</p>
  
  <pre><code>$('[data-input].has-error:before').on('hover', function () {
      $(this).tooltip({
          animation: true,
          container: 'body',
          placement: 'bottom',
          title: 'error message'
      });
  });
  </code></pre>
  
  <p>Any ideas?</p>