jQuery - obtain attribute from element when hover
<p>Attempting to apply <code>.hover</code> to a class that shows a div based on a dynamic ID.  For example:</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;div id="parent_one"&gt;
    &lt;div class="touch" id="one"&gt;Touch me!&lt;/div&gt;
    &lt;div id="t_one"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div id="parent_two"&gt;
    &lt;div class="touch" id="two"&gt;Touch me!&lt;/div&gt;
    &lt;div id="t_two"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p><strong>jQuery</strong></p>

<pre><code>$('.touch').hover(
    function(){
        var id = $(this).attr('id');
        var value = '#t_' + id;
        $(value).fadeIn(800);
    },
    function(){
        var id = $(this).attr('id');
        var value = '#t_' + id;
        $(value).delay(1500).fadeOut(800);
    }
);
</code></pre>

<p>I have a feeling my mistake is in the use of <code>$(this)</code> but can't nail it down.</p>
