title: Generating tooltip text from .js/external file
body: <p>I have created a simple jQuery toolip: <a href="http://jsfiddle.net/oampz/k9THH/" rel="nofollow">http://jsfiddle.net/oampz/k9THH/</a></p>
  
  <p>My issue is that i dont want to place the text within the <code>img</code> tag as i have over 20 tooltips on a page with a lot of text in each.. Is there any way i can have the tooltip access a .js file (or any other file) and capture the necessary text from that?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;img class="tooltip" src="http://www.katherineemmons.com/wp-content/uploads/2013/06/question_mark-icon.png" title="tool tip text 1" height="20px" /&gt;
  &lt;br&gt;
  &lt;img class="tooltip" src="http://www.katherineemmons.com/wp-content/uploads/2013/06/question_mark-icon.png" title="tool tip text 2" height="20px" /&gt;
  &lt;br&gt;
  &lt;img class="tooltip" src="http://www.katherineemmons.com/wp-content/uploads/2013/06/question_mark-icon.png" title="tool tip text 3" height="20px" /&gt;
  &lt;br&gt;
  &lt;img class="tooltip" src="http://www.katherineemmons.com/wp-content/uploads/2013/06/question_mark-icon.png" title="tool tip text 4" height="20px" /&gt;
  &lt;br&gt;
  &lt;img class="tooltip" src="http://www.katherineemmons.com/wp-content/uploads/2013/06/question_mark-icon.png" title="tool tip text 5" height="20px" /&gt;
  &lt;br&gt;
  &lt;img class="tooltip" src="http://www.katherineemmons.com/wp-content/uploads/2013/06/question_mark-icon.png" title="tool tip text 6" height="20px" /&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$(function () {
      $(".tooltip").tooltip({
          show: {
              effect: "slideDown",
              delay: 250
          }
      });
  });
  </code></pre>
  
  <p>Thanks</p>