title: Need to get qtip to display correct new javascript html table data that is dynamic
body: <p>I have a similar question in which I didn't have the right data in a fiddle to show.  What the other question shows is doing a table row clone, but my data is table append to a div</p>
  
  <p>The jQuery <code>$.each</code> loop shows where I have a dynamically created the title (tooltip) </p>
  
  <p>This is the fiddle: <a href="http://jsfiddle.net/bthorn/Lpuf0x7L/1/" rel="nofollow noreferrer">http://jsfiddle.net/bthorn/Lpuf0x7L/1/</a></p>
  
  <pre><code>$.each(allData, function (index, issues) {
  
      strResult += "&lt;tr&gt;&lt;td class='nameField'&gt; &lt;a href='#'&gt;" + issues.LAST_NAME + " " + issues.FIRST_NAME + " " + issues.INITIALS + "&lt;/a&gt;&lt;/td&gt;&lt;td&gt;" + issues.OFFICE + "&lt;/td&gt;&lt;td&gt;" + issues.TITLE + "&lt;/td&gt;";
      strResult += "&lt;td&gt;" + issues.DEPARTMENT + "&lt;/td&gt;&lt;td class='alias'&gt;" + issues.ALIAS_NAME + "&lt;/td&gt;";
      // NEED TO ADD QTIP to the issues.DEPARTMENT title tooltip   //////
       addTooltips();
      /////////
      strResult += "&lt;/tr&gt;";
  });
  strResult += "&lt;/table&gt;";
  
  
  $("#divEmpResult").html(strResult);
  </code></pre>
  
  <p>My old question from a few hours with OP answer should be helpful</p>
  
  <p><a href="https://stackoverflow.com/questions/34497097/dynamic-javascript-data-with-qtip-is-overriding-all-tooltips-with-same-message">dynamic javascript data with qtip is overriding all tooltips with same message</a></p>
  
  <p>I am trying to call this function but i know that I needs to have additional data from qtip appended to it.</p>
  
  <p>OP was doing a <code>.insertBefore(this)</code>  but I am not sure how to do that with my table row  </p>
  
  <pre><code> $('button').on('click', function() {
  $('&lt;div/&gt;', {
  class: 'tips',
  text: 'Dynamically inserted.'
  }).insertBefore(this);
  
  addTooltips();
  </code></pre>