title: Show Title Tag on Hover - jquery
body: <p>I currently have my title tags HIDDEN using the following jquery: </p>
  
  <pre><code>/** To hide title tag that shows on hover **/
  jQuery('document').ready(function($){
      $('[title]').removeAttr('title');
  });
  </code></pre>
  
  <ol>
  <li><p>How can I <strong>re-show title tag for a specific image</strong>?  Specifically, I have some icons in my top-left navigation bar I want title tags to show for on hover.  I believe this is the CSS ID: ".top-bar ul>li a"</p></li>
  <li><p>Is my method for hiding title tags a good way to do it without being hurt in my google search results?</p></li>
  </ol>
  
  <p>Website is <strong><a href="http://greenenvysupply.com" rel="nofollow">greenenvysupply.com</a></strong>
  Thank you!!</p>
  
  <p><strong><em>EDIT</em></strong>
  Maybe this would be easier: The only thing I want to have title tags hidden from is my main navigation menu (product categories).  Instead of having jquery set to hide all tags, how can I hide just the category menu and dropdown submenus? HIDE, NOT REMOVE, IF POSSIBLE.</p>