title: prefetch prerender multiple pages on hover
body: <p>I have the following code which prefetches and prerenders  *specific links on hover,
  My question is, Do I need to <strong>add</strong> a new link each time, or is it enough that I <strong>change</strong> the <code>href</code>?</p>
  
  <pre><code>$(".prerender").on("mouseover", function() {
          var link = $(this).attr("href"),
              prerenderLink = $("#prerenderLink");
          if (prerenderLink.length) {
              if (prerenderLink.attr("href") === link) return;
              prerenderLink.attr("href", link);
          } else {
              $('&lt;link id="prerenderLink" rel="prefetch prerender" href="' + link + '" /&gt;').appendTo("body");
          }
      });
  </code></pre>
  
  <p>Will removing, changing the <code>href</code> cancel the pre-rendering/pre-fetching of a previously defined <code>href</code> or even remove it from cache? Or since it was called once it stays in cache?</p>
  
  <p>Also, Where can this be tested? </p>
  
  <p>*Because Pre-rendering is an advanced experimental feature, and mis-triggering it can lead to a degraded experience for your users, including increased bandwidth usage, slower loading of other links, and slightly stale content. You should only consider triggering prerendering if you have high confidence on which page a user will visit next, and if you’re really providing added value to your users. </p>