jQuery children selector

Question

I have the following markup:

Click to copy

<div class="form-fields">
  <div class="row">
    <span class="info">Info</span>
  </div>
</div>

Using the children selector how can I select span.info? I have tried doing:

$('.form-fields').children('.row .info')

But this didn't work for me.

EDIT: Thanks for the answers everyone. If I assign the container DIV as follows:

var parentDiv = $('.form-fields')

Then using the var 'parentDiv' what is the best way to select span.info?

Answer 1

Use find to get non-direct descendants:

Click to copy

$('.form-fields').find('.row .info')

Answer 2

Why do you need to use .children?

Click to copy

$('.form-fields span.info')