title: Learning jQuery selectors. How to alert the value of the selector?
body: <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>