title: how to get the value of how many cells of a column have data
body: <p>hi everyone im trying to make something i have a table like:</p>
  
  <pre><code> &lt;table width="49%" border="1" align="left" cellspacing="0" id="table_left"&gt;
  &lt;tr id="left_tittle"&gt;
    &lt;td width="25%"&gt;&lt;strong&gt;Animal&lt;/strong&gt;&lt;/td&gt;
    &lt;td width="25%"&gt;&lt;strong&gt;Hierro&lt;/strong&gt;&lt;/td&gt;
    &lt;td width="35%"&gt;&lt;strong&gt;Clasificación&lt;/strong&gt;&lt;/td&gt;
    &lt;td width="15%"&gt;&lt;strong&gt;Peso&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;label for="textfield"&gt;&lt;/label&gt;
    &lt;input name="animal" type="text" id="anml1" style="width:96%" align="center"/&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="hierro"&gt;&lt;/label&gt;
    &lt;input name="hierro" type="text" id="hierro1" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="clasificacion"&gt;&lt;/label&gt;
    &lt;input name="clasificacion" type="text" id="clsf1" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="peso"&gt;&lt;/label&gt;
    &lt;input name="peso" type="text" id="pso1" style="width:93%" align="center" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;label for="textfield"&gt;&lt;/label&gt;
    &lt;input name="animal" type="text" id="anml2" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="hierro"&gt;&lt;/label&gt;
    &lt;input name="hierro" type="text" id="hierro2" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="clasificacion"&gt;&lt;/label&gt;
    &lt;input name="clasificacion" type="text" id="clsf2" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="peso"&gt;&lt;/label&gt;
    &lt;input name="peso" type="text" id="pso2" style="width:93%" align="center" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;label for="textfield"&gt;&lt;/label&gt;
    &lt;input name="animal" type="text" id="anml3" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="hierro"&gt;&lt;/label&gt;
    &lt;input name="hierro" type="text" id="hierro3" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="clasificacion"&gt;&lt;/label&gt;
    &lt;input name="clasificacion" type="text" id="clsf3" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="peso"&gt;&lt;/label&gt;
    &lt;input name="peso" type="text" id="pso3" style="width:93%" align="center" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;label for="textfield"&gt;&lt;/label&gt;
    &lt;input name="animal" type="text" id="anml4" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="hierro"&gt;&lt;/label&gt;
    &lt;input name="hierro" type="text" id="hierro4" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="clasificacion"&gt;&lt;/label&gt;
    &lt;input name="clasificacion" type="text" id="clsf4" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="peso"&gt;&lt;/label&gt;
    &lt;input name="peso" type="text" id="pso4" style="width:93%" align="center" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;label for="textfield"&gt;&lt;/label&gt;
    &lt;input name="animal" type="text" id="anml5" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="hierro"&gt;&lt;/label&gt;
    &lt;input name="hierro" type="text" id="hierro5" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="clasificacion"&gt;&lt;/label&gt;
    &lt;input name="clasificacion" type="text" id="clsf5" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="peso"&gt;&lt;/label&gt;
    &lt;input name="peso" type="text" id="pso5" style="width:93%" align="center" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;label for="textfield"&gt;&lt;/label&gt;
    &lt;input name="animal" type="text" id="anml6" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="hierro"&gt;&lt;/label&gt;
    &lt;input name="hierro" type="text" id="hierro6" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="clasificacion"&gt;&lt;/label&gt;
    &lt;input name="clasificacion" type="text" id="clsf6" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="peso"&gt;&lt;/label&gt;
    &lt;input name="peso" type="text" id="pso6" style="width:93%" align="center" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p></p>
  
  <p>i want to know how many cells of the tipe animal have valid data or are different of null </p>
  
  <p>im trying some java script but this all i have</p>
  
  <pre><code>    $('#table_left tr:not(#left_tittle)').bind('keyup change', function() {
          var variable = "";
          var count = 0;
          for ( var i = 1; i &lt;= 20; i++){
              variable = 'anml'+i;
              var table = document.getElementById('anml'+i).value;
  
          }
          });
  </code></pre>
  
  <p>everything i try doesnt work, i dont know what im doing wrong</p>
  
  <p>Edit: some code changes.</p>
  
  <pre><code>  &lt;table width="49%" border="1" align="left" cellspacing="0" id="table_left"&gt;
  &lt;tr id="left_tittle"&gt;
    &lt;td width="25%"&gt;&lt;strong&gt;Animal&lt;/strong&gt;&lt;/td&gt;
    &lt;td width="25%"&gt;&lt;strong&gt;Hierro&lt;/strong&gt;&lt;/td&gt;
    &lt;td width="35%"&gt;&lt;strong&gt;Clasificación&lt;/strong&gt;&lt;/td&gt;
    &lt;td width="15%"&gt;&lt;strong&gt;Peso&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;label for="textfield"&gt;&lt;/label&gt;
      &lt;span id="oAnimal"&gt;
      &lt;input name="anml" type="text" id="anml1" class="col1"
      required oninvalid="this.setCustomValidity('Por favor entre el codigo del animal')"
      style="width:96%" align="center"/&gt;
    &lt;span class="textfieldRequiredMsg"&gt;Por favor entre el codigo del animal&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="hierro"&gt;&lt;/label&gt;
      &lt;span id="oHierro"&gt;
      &lt;input name="hierro3" type="text" id="hierro1" 
      required oninvalid="this.setCustomValidity('Por favor entre el hierro del animal')"
      style="width:96%" align="center" /&gt;
    &lt;span class="textfieldRequiredMsg"&gt;Por favor entre el hierro del animal&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="clasificacion"&gt;&lt;/label&gt;
      &lt;span id="oCls"&gt;
      &lt;input name="clsf" type="text" id="clsf1" 
      required oninvalid="this.setCustomValidity('Por favor entre la clasificacion del animal')"
      style="width:96%" align="center" /&gt;
    &lt;span class="textfieldRequiredMsg"&gt;Por favor entre la clasificacion del animal&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="peso"&gt;&lt;/label&gt;
      &lt;span id="oPso"&gt;
      &lt;input name="pso" type="text" id="pso1" class="colPeso"
      required oninvalid="this.setCustomValidity('Por favor entre el peso del animal')"
      style="width:93%" align="center" /&gt;
    &lt;span class="textfieldRequiredMsg"&gt;Por favor entre el peso del animal&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;label for="textfield"&gt;&lt;/label&gt;
    &lt;input name="animal" type="text" id="anml2" class="col1"
    style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="hierro"&gt;&lt;/label&gt;
    &lt;input name="hierro" type="text" id="hierro2" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="clasificacion"&gt;&lt;/label&gt;
    &lt;input name="clasificacion" type="text" id="clsf2" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="peso"&gt;&lt;/label&gt;
    &lt;input name="peso" type="text" id="pso2" class="colPeso"
    style="width:93%" align="center" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;label for="textfield"&gt;&lt;/label&gt;
    &lt;input name="animal" type="text" id="anml3" class="col1"
    style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="hierro"&gt;&lt;/label&gt;
    &lt;input name="hierro" type="text" id="hierro3" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="clasificacion"&gt;&lt;/label&gt;
    &lt;input name="clasificacion" type="text" id="clsf3" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="peso"&gt;&lt;/label&gt;
    &lt;input name="peso" type="text" id="pso3" class="colPeso"
    style="width:93%" align="center" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;label for="textfield"&gt;&lt;/label&gt;
    &lt;input name="animal" type="text" id="anml4" class="col1"
    style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="hierro"&gt;&lt;/label&gt;
    &lt;input name="hierro" type="text" id="hierro4" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="clasificacion"&gt;&lt;/label&gt;
    &lt;input name="clasificacion" type="text" id="clsf4" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="peso"&gt;&lt;/label&gt;
    &lt;input name="peso" type="text" id="pso4" class="colPeso"
    style="width:93%" align="center" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;label for="textfield"&gt;&lt;/label&gt;
    &lt;input name="animal" type="text" id="anml5" class="col1"
    style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="hierro"&gt;&lt;/label&gt;
    &lt;input name="hierro" type="text" id="hierro5" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="clasificacion"&gt;&lt;/label&gt;
    &lt;input name="clasificacion" type="text" id="clsf5" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="peso"&gt;&lt;/label&gt;
    &lt;input name="peso" type="text" id="pso5" class="colPeso"
    style="width:93%" align="center" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;label for="textfield"&gt;&lt;/label&gt;
    &lt;input name="animal" type="text" id="anml6" class="col1"
    style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="hierro"&gt;&lt;/label&gt;
    &lt;input name="hierro" type="text" id="hierro6" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="clasificacion"&gt;&lt;/label&gt;
    &lt;input name="clasificacion" type="text" id="clsf6" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="peso"&gt;&lt;/label&gt;
    &lt;input name="peso" type="text" id="pso6" class="colPeso"
    style="width:93%" align="center" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;label for="textfield"&gt;&lt;/label&gt;
    &lt;input name="animal" type="text" id="anml7" class="col1"
    style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="hierro"&gt;&lt;/label&gt;
    &lt;input name="hierro" type="text" id="hierro7" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="clasificacion"&gt;&lt;/label&gt;
    &lt;input name="clasificacion" type="text" id="clsf7" style="width:96%" align="center" /&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for="peso"&gt;&lt;/label&gt;
    &lt;input name="peso" type="text" id="pso7" class="colPeso"
    style="width:93%" align="center" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>