Learning jQuery selectors. How to alert the value of the selector?
<p>Take this code for example:</p>

<pre><code>$('.photo').hover(
            function() {
                //display heading and caption
                $(this).children('div:first').stop(true,false).animate({top:0},{duration:200, easing: 'easeOutQuart'});
                $(this).children('div:last').stop(true,false).animate({bottom:0},{duration:200, easing: 'easeOutQuart'})
})
</code></pre>

<p>Lets say I want to know which element was selected with this line:</p>

<pre><code>$(this).children('div:first') 
</code></pre>

<p>Is it possible somehow to alert the targeted element? I tried:</p>

<pre><code>something = $(this).children('div:first').val();
                alert (something);
</code></pre>

<p>or </p>

<pre><code>something = $(this).children('div:first');
                alert (something);
</code></pre>

<p>With the first example I get blank alert. With second - Objext object.</p>

<p>Regards,</p>
