CODE EXAMPLE FOR JAVASCRIPT

html make tooltip avaible if text overflow

$('.mightOverflow').bind('mouseenter', function(){
    var $this = $(this);

    if(this.offsetWidth < this.scrollWidth && !$this.attr('title')){
        $this.attr('title', $this.text());
        //OR $this.attr('title', $this.val()); //If using input
    }
});