Why is `$(this).children` not working in the following code?
<p>Why is <code>$(this).children</code> not working in the following code?</p>

<pre><code>$('.home-box').hover(function() {
  $(this).children('home-box-caption a').animate({
    bottom: -12,
  }, 200);
}, function(){
  $(this).children('home-box-caption a').animate({
    bottom: -24,
  }, 200);
}); 
</code></pre>

<p><img src="http://i.stack.imgur.com/GGiZ1.png" alt="enter image description here"></p>

<pre><code>.home-box {
background: url(images/home_box_bg.png) no-repeat 0 0;
cursor: pointer;
float: left;
margin: 25px 13px 25px 0;
position: relative;
width: 230px;
height: 160px;
}
</code></pre>

<p>When I hover <code>.home.box</code> nothing happens.</p>
