переменные изменения jQuery с дочерними элементами

Question

Я пытаюсь настроить дочерние элементы в jQuery, вносить изменения в зависимости от наличия каких-либо входов. Однако этот код имеет несколько проблем. Во-первых, эффект CSS при нажатии не применяется к текстовому пространству, даже когда я его указал.

Во-вторых, заполнение поля ввода по-прежнему возвращает переменную truth как ложную, поэтому он не выполняет код ниже $('p').html('Solid').

Мой HTML:

<div id="section"> 
    <button>Click It</button> 
    <label> 
     <input type="text" required="true" /> 
    </label> 
    <label> 
     <input type="text" /> 
    </label> 
    <textarea required="true"></textarea> 
</div> 
<p></p> 

$('button').click(function(){ 
    var truth = true; 
    $('#section label').each(function(){ 
     var chooseinputs = $(this).find('input[required=true], textarea[required=true]'); 
     if (!$.trim(chooseinputs.val())){ 
      $(chooseinputs).css('border', '1px solid red'); 
      $('p').html("Empty"); 
      truth = false; 
     } 
     if (truth) 
      $('p').html("Solid!"); 
    }); 
}); 

JSFiddle