diff --git a/source b/source
index 90829546f9d..e9975ab7d61 100644
--- a/source
+++ b/source
@@ -84774,32 +84774,24 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
    the user. The following demonstrates how one could reveal a popover in an <code>output</code>
    element.</p>
 
-   <pre><code class="html">&lt;button id=submit>Submit&lt;/button>
-&lt;p>&lt;output>&lt;span popover=manual>&lt;/span>&lt;/output>&lt;/p>
+   <pre><code class="html">&lt;img id="image" src="cat.js" alt="pretty kitten">
+&lt;div id="tooltip" popover>
+  &lt;output>&lt;/output>
+  &lt;button popovertarget="message" popovertargetaction="hide">x&lt;/button>
+&lt;/div>
 
 &lt;script>
- const sBtn = document.getElementById("submit");
- const outSpan = document.querySelector("output [popover=manual]");
- let successMessage;
- let errorMessage;
-
- /* define logic for determining success of action
-  and determining the appropriate success or error
-  messages to use */
-
- sBtn.addEventListener("click", ()=> {
-  if ( success ) {
-   outSpan.textContent = successMessage;
-  }
-  else {
-   outSpan.textContent = errorMessage;
-  }
-  outSpan.showPopover();
+  const img = document.querySelector("#image")
+  const tooltip = document.querySelector("#tooltip")
+  const output = tooltip.querySelector("output")
 
-  setTimeout(function () {
-   outSpan.hidePopover();
-  }, 10000);
- });
+  img.addEventListener("pointerover", () => {
+    output.textContent = img.alt
+    tooltip.showPopover()
+  })
+  img.addEventListener("pointerleave", () => {
+    tooltip.hidePopover()
+  })
 &lt;/script></code></pre>
   </div>