title: jQuery - Check if multiple child inputs have a value
body: <p>Given this div:</p>
  
  <pre><code>&lt;div id="addActor1"&gt;
      &lt;select type="select" id="ddlSelectActor1" class="selectActor"&gt;
  
      &lt;/select&gt;&lt;br /&gt;
      &lt;br /&gt;
      &lt;p class="newActor"&gt;
          &lt;label id="lblAddActor1FirstName" for="txtAddActor1FirstName"&gt;First Name: &lt;/label&gt;
          &lt;input type="text" id="txtAddActor1FirstName" size="20" /&gt;
          &lt;label id="lblAddActor1LastName" for="txtAddActor1LastName"&gt;Last Name: &lt;/label&gt;
          &lt;input type="text" id="txtAddActor1LastName" size="20" /&gt;
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When a particular option in the select (which is populated in js file) is selected, I need to check if either of the inputs has anything entered in them.</p>
  
  <p>I've tried the following and similar, but can't quite figure it out:</p>
  
  <pre><code>$('#addActorsDialog select.selectActor').each(function() {
      var empty = true;
  
      // This gives me js error in console: "Uncaught Error: Syntax error, unrecognized expression: p input:nth-child(2)]"
      console.log('p html: ' + $(this).parent().find('p input:nth-child(2)]').text());
  
      if ($(this).val() !== '0' ||
              ($(this).val() === 'a'
                  // || [if textboxes are empty]
                  )
              ) { empty = false; }
      //...
  });
  </code></pre>
  
  <p>How do I check whether either input has a value here?</p>