Tooltip not working when span tag inside link

Tooltip not working when span tag inside link

Hello,

I'm currently using this markup to style up links with an icon:
  1.    <div id="printScreen" class="glyphicon glyphicon-print pull-right "><a href="#print" title="Print"><span>Print</span></a></div>


I use the span tag within the link so I can hide the text using display none.

Problem with this is, I cannot get the tooltip to work using

:

  1.  var tooltips = $("[title]").tooltip();

Can anyone please tell me how I can get the tooltips to fire up using my markup above?

Many thanks