jquery Auswahl eines Kind mehr Schichten tief

Question

Ich habe die folgende Struktur:

<div class="container questions"> 
     <div class="row"> 
      <div class="col-md-4"> 
       <span>Do you have any pets?</span> 
      </div> 
      <div class="col-md-4"> 
       <input type="text" class="form-control" /> 
      </div> 
     </div> 
    </div> 

Die Zeilen in dem Behälter erzeugt werden, und ich brauche Hörer, wenn die Eingänge ändern. Was ich habe versucht:

$('.questions').children('div').children('div').children('input').change(function() { 
      alert('answered'); 
      Question_Answered(); 

    }); 

Obwohl dieser Weg der Wähler scheint nicht zu arbeiten, ich habe auch versucht, mehrere> Kind-Selektoren. Der Versuch, mit diesem Zeug in jQuery zu arbeiten, macht mich dumm.

Answer 1

Dies auch richtig funktionieren, wenn wir dynamcially Eingänge

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script> 

$('.questions').on('change','input',function() { 
    alert('answered'); 
    Question_Answered(); 
}); 

</script>