title: jquery qtip not showing unique tooltips in the right places
body: <p>i have a table. in each table i want it to show a tooltip via qtip when someone hovers over a TR.</p>
  
  <p>heres my jquery code:</p>
  
  <pre><code>    $('.contacttr').qtip({
  
      content: {
          text: $(this).find('.contactinfo')
      },
      position: {
          my: 'bottom center',
          at: 'center',
          target: $(this).find('.contactname')
      }
  
  })
  </code></pre>
  
  <p>heres my html:</p>
  
  <pre><code>&lt;tr class="contacttr"&gt;
  &lt;td class="contactname"&gt;&lt;div class="contactinfo"&gt;info goes here&lt;/div&gt;Persons Name&lt;/td&gt;
  &lt;td&gt;joe@gmail.com&lt;/td&gt;
  &lt;td&gt;123 fake street&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr class="contacttr"&gt;
  &lt;td class="contactname"&gt;&lt;div class="contactinfo"&gt;info goes here&lt;/div&gt;Persons Name&lt;/td&gt;
  &lt;td&gt;joe@gmail.com&lt;/td&gt;
  &lt;td&gt;123 fake street&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr class="contacttr"&gt;
  &lt;td class="contactname"&gt;&lt;div class="contactinfo"&gt;info goes here&lt;/div&gt;Persons Name&lt;/td&gt;
  &lt;td&gt;joe@gmail.com&lt;/td&gt;
  &lt;td&gt;123 fake street&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>the problem is that the tooltips are only showing up in the top row, and its showing the content inside ALL of the contactinfo div's rather than just the one inside the row which is being hovered over.</p>