title: Chrome Extension - show dynamic text on mouse hover over extension icon
body: <p>I've recently built a popup chrome extension(<a href="https://chrome.google.com/webstore/detail/popup-notes/pakngoacmndjaomplokegbepmohpfofb" rel="nofollow noreferrer">Popup Notes</a>)
  It basically takes notes of whatever you type in popup.</p>
  <p>Now I want to show saved notes whenever I hover my mouse over the extension icon.
  Right now it shows the static default title on mouse hover.</p>
  <p>I know it's possible because this extension <a href="https://chrome.google.com/webstore/detail/checker-plus-for-gmail/oeopbcgkkoapgobdbedcemjljbihmemj" rel="nofollow noreferrer">Checker Plus for Gmail</a> shows the unread emails content on mouse hover and I'm not able to figure out how.</p>
  <p>See Image:
  <a href="https://i.stack.imgur.com/w1t2u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/w1t2u.png" alt="enter image description here" /></a></p>
  <p>So, How Can I show popup content on hovering mouse over icon in chrome extension?</p>
  <p>Let me know if any further details are required.</p>