How to address a matched selector in JQuery
<p>I imagine this is simple and some sort of a scoping problem- yet I am stuck. In the code below, I'd like to see an alert with either "foo!" or "bar!' when I mouse over the div's.  Instead I see empty content.  How do I address the current element that matched the selector from the spot where I have the alert()? TIA.</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
&lt;head&gt;
    &lt;title&gt;Test Case&lt;/title&gt;
    &lt;meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /&gt;

    &lt;!-- Tooltip classes --&gt;
    &lt;link rel="stylesheet" href="../src/tip-yellow/tip-yellow.css" type="text/css" /&gt;

    &lt;!-- jQuery and the Poshy Tip plugin files --&gt;
    &lt;script type="text/javascript" src="includes/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="../src/jquery.poshytip.js"&gt;&lt;/script&gt;

    &lt;script type="text/javascript"&gt;
        //&lt;![CDATA[
        $(function(){
            $("span[name='entity']").poshytip({
                className: 'tip-yellow',
                content: function(updateCallback) {
                            var title = $(this).attr('title');
                            alert(title);
                            updateCallback(title);
                          },
                showTimeout: 1,
                alignTo: 'target',
                alignX: 'center',
                offsetY: 5,
                allowTipHover: true
            });
        });
        //              
        //]]&gt;
    &lt;/script&gt;   
&lt;/head&gt;

&lt;body&gt;
    &lt;p&gt;&lt;span name="entity" title="foo!"&gt;Hover for a tooltip 1&lt;/span&gt;&lt;/p&gt;
    &lt;p&gt;&lt;span name="entity" title="bar!"&gt;Hover for a tooltip 2&lt;/span&gt;&lt;/p&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>
