title: jQuery qTip: How to attach a single tooltip div to multiple target divs?
body: <p>The normal behavior for the jQuery <a href="http://craigsworks.com/projects/qtip/" rel="noreferrer">qTip</a> plugin is to create a new hidden div for every tooltip item assigned. Is there a way to tie a single hidden tooltip element to multiple targets, to avoid cluttering the DOM?</p>
  
  <p><strong>Contrived Example:</strong></p>
  
  <pre><code>&lt;div id="foo1"&gt;&lt;/div&gt;
  &lt;div id="foo2"&gt;&lt;/div&gt;
  
  &lt;script&gt; $("#foo1,#foo2").qTip({"content":"test"}); &lt;/script&gt;
  
  &lt;!-- Creates two elements, rather than one: --&gt;
  &lt;div class="qtip" style="display:none;"&gt;test&lt;/div&gt;
  &lt;div class="qtip" style="display:none;"&gt;test&lt;/div&gt;
  </code></pre>
  
  <p>If qTip is unable to do this, can anyone recommend another jQuery-based tooltip plugin which supports rich HTML using only a single tooltip container? Thanks!</p>