title: why is my text input border not showing up when set?
body: <p>I'm trying to apply an error class of a red border color to my text input field like so:</p>
  
  <p>jquery</p>
  
  <pre><code>//save
  ...
  $("input.required").each(function(){
      if ($.trim($(this).val()).length == 0){                               
          $(this).addClass("form_error");
          formValid = false;
      }
      else{
          $(this).removeClass("form_error");
      }
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="control-group"&gt;
    &lt;label class="control-label" for="city_id"&gt;City&lt;/label&gt;
    &lt;div class="controls"&gt;
      &lt;input class="span2 required" type="text" value="" name="test" id='testId'/&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>textarea,
  input[type="text"]{
    border: 1px solid #cccccc;
  }
  
  .form_error {
    border-color: #ee5f5b;
    border: 1px solid #ee5f5b;
  }
  </code></pre>
  
  <p>This is working for my select elements but not text inputs.  Any idea what I'm missing?</p>