<p>I have a "span" element inside a "table" "td" element.  The span tag has a Title.</p>

<p>I want to get the title of that span tag and pull it out to make it the "mouseover" tip for the "td" element.</p>

<p>For example:</p>

<p>I want to turn this:</p>

<pre><code>&lt;td&gt;
    &lt;a href="#"&gt;&lt;span id="test" title="Acres for each province"&gt;Acres&lt;/span&gt;&lt;/a&gt;
&lt;/td&gt;
</code></pre>

<p>Into this:</p>

<pre><code>&lt;td onmouseover="tip(Acres for each province)"&gt;
    &lt;a href="#"&gt;&lt;span id="test"&gt;Acres&lt;/span&gt;&lt;/a&gt;
&lt;/td&gt;
</code></pre>

<p><strong>EDIT:</strong> I don't think you guys understand.  I am trying to put the onmouseover function into the "td" tag.  I am NOT trying to put it into the "span" tag.</p>

something like:
```
```
$("span#test").mouseover( function () {
   tip($(this).attr("title"));
}
```
```