title: Tooltip title on image using mouseover?
body: <p>I want to display an element title on the image(tooltip size). I  found out the current element title </p>
  
  <pre><code>$('.downloadPdf').mouseover(function(){
      var currentelement = $(this).attr('title');
  });
  </code></pre>
  
  <p>downloadPdf is common class on elements.</p>
  
  <p>Actually I have a menu bar in bottom in which I have some icons. These icons are functional. 
  Here I want whenever a user hovers over these icons, their title must come over the image. This image is nothing, just a tooltip shape.</p>
  
  <p>But how to append it on image? And its position must be on the element only. so how do I get the position also. So confused and spend at least 3 hours on this small task. Any help would be appreciated. I am so bad when it comes to use css effectively.</p>