title: How to show tooltip when ellipsis is applied to the text?
body: <p>I tried with the following code:</p>
  <pre><code>$('td').bind('mouseenter', function(){
      var $this = $(this);
      if(this.offsetWidth &lt; this.scrollWidth){
          var text = $this.text();
          $this.attr(&quot;data-title&quot;,text);
          $this.tipper({
              direction: &quot;bottom&quot;,
              follow: true
          });
      }
  });
  </code></pre>
  <p><a href="http://jsfiddle.net/9t4Ax/" rel="nofollow noreferrer"><strong>jsFiddle</strong></a><br/></p>
  <p>Works fine, but not at the first time, is necessary to mouse over once again to get it work.<br/>
  Any help is greatly appreciated! Thank you!</p>
  <p>ps. I don't want to insert <code>data-title</code> inline.</p>