title: Qtip2 Use same tooltip on multiple elements
body: <p>I have the need to open a tooltip - the same tooltip on multiple elements. However, qtip appends several ui-tooltip elements to my page when each target element is clicked. This means that when I enter values inside one tooltip they are gone when I look at the other ones.</p>
  
  <p>I need to either ensure that only one ui-tooltip element is created, or destroy the ui-tooltip element when the tooltip is closed.</p>
  
  <p>Here's an example:</p>
  
  <pre><code>$(".inline-field").qtip({
          content: '&lt;input type="text" class="abc" /&gt;',
          show: {
              event: 'click',
              solo: true,
              modal: true
          },
          hide: {
              event: false
          },
          position: {
              viewport: $(window),
              my: 'top left',
              at: 'top left'
          },
          style: {
              tip: false,
              classes: 'qtip-bootstrap qtip-shadow'
          }
      });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/uZETs/13/" rel="nofollow">http://jsfiddle.net/uZETs/13/</a></p>
  
  <p>See how the 2nd text box is empty? It's a different text box but I want to use the first one again, or if not possible, to destroy the first tooltip so that when i open the first tooltip again the text is blank.</p>