title: jquery dynamic tooltip
body: <p>I like to be able to load a tooltip from a file "a la ajax" style.... but first i like to see if i am able to "transfert" html text to the title attribute</p>
  
  <p>i use jquery and tooltip (from <a href="http://jquery.bassistance.de/tooltip/demo/" rel="nofollow noreferrer">http://jquery.bassistance.de/tooltip/demo/</a>)</p>
  
  <p>here is the code</p>
  
  <pre><code>&lt;div class="odeurbox"&gt;
  &lt;img src="odeurs/aiguilledepin.jpg" 
  width="67" height="67" /&gt;
  Aiguille de pin &lt;/div&gt;
  
  &lt;div class="tohide"&gt;
  &lt;h3&gt;Agrumes :&lt;/h3&gt;
  &lt;p&gt;Les agrumes sont les fruits des végétaux des g....&lt;/p&gt;
  &lt;em&gt;Source : Le Petit Robert 2009&lt;/em&gt;&lt;/div&gt;
  </code></pre>
  
  <p>that way, it will be super easy to edit (real text) not hidden into title attribute</p>
  
  <ol>
  <li>so,i need to add visibility : hidden to the css class tohide</li>
  <li>get the whole content of div with class .tohite and pu it in the previous div title</li>
  </ol>
  
  <p>my jquery code i have done yet dont work...  what should be the correct way to do that</p>
  
  <p>in short, for each div with class .odeur get the content of the next (child?) tohide and put it in the attribute title=''</p>
  
  <p>something like that dont work yet :         </p>
  
  <pre><code>$('div.odeurbox').each(function(){$(this).attr("title", $('.tohide').html());});
  </code></pre>