title: Issue with changing child div style using jQuery (via class selector)
body: <p>this is more curiosity question rather than a problem)</p>
  
  <p>With my Rails 3 application I generate a lots of blocks, which contain div elements. One block looks like this:</p>
  
  <pre><code>&lt;div class="link_div"&gt;
          &lt;%= link_to ... %&gt;
          &lt;div class="ranking"&gt;
          &lt;%= link_to ... %&gt;
          &lt;%= link_to ... %&gt;
          &lt;%= link_to ... %&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And now Im trying to toggle "ranking" div visibility on mouseOVER. It wasnt so easy, cause I`m a newbie to jQuery. I was trying a lots of css accessors, but finnally I have found a solution look like this:</p>
  
  <pre><code>$('.link_div').hover(
        function () {
          $(this).children('.ranking').css('display','block');
        },
        function () {
          $(this).children('.ranking').css('display','none');
        }
  );
  </code></pre>
  
  <p>So the question is: "Why this solution doesn`t work?":</p>
  
  <pre><code>$(this).children()[1].css('display','block');
  </code></pre>
  
  <p>Alert says that chilren()[1] gives me div object, but it doesn`t have .css() method. <strong>Why?</strong></p>
  
  <pre><code>alert($(this).children()[1]) // =&gt; "[object HTMLDivElement]"
  </code></pre>