title: hide and show error with jquery
body: <p>I have 3 selects two hidden and one visible when I select the first option appears when you press one and the other the second option. All this in a table and use jquery to create a new row button in manipulacion.js file a counter and I have added it to the id of each select to not just call. the error is when I create a new row and not change me, I open the console and do not check any error.
  here I attached my codes in html and. js can copy it for them to discover that I'm wrong.</p>
  
  <p>code html</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;script type="text/javascript" src="jss/jquery-1.9.0.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="manipulacion.js"&gt;&lt;/script&gt;
  &lt;script&gt;    
      $(document).ready(function () {
          $("#estado").change(function () {
              if ($("#estado").val() == 2) {
                  $("#sino").show();
                  $("#sexo").hide();            
              }
              if ($("#estado").val() == 3) {
                  $("#sino").hide();
                  $("#sexo").show();
              }
              });
              });
      &lt;/script&gt;
      &lt;table&gt;
      &lt;tr&gt;
      &lt;td&gt;
      &lt;select id="estado"&gt;
      &lt;option value="1"&gt;Seleccione 1 opcion&lt;/option&gt;
      &lt;option value="2"&gt;Laboratorio&lt;/option&gt;
      &lt;option value="3"&gt;Datos Generales&lt;/option&gt;
      &lt;/select&gt;
      &lt;/td&gt;
      &lt;td&gt;
      &lt;!-- //laboratorio --&gt;
      &lt;select name="sino" id="sino"style="display:none"&gt;
      &lt;option value="1"&gt;Si &lt;/option&gt;
      &lt;option value="2"&gt;No&lt;/option&gt;
      &lt;/select&gt;
      &lt;/td&gt;
      &lt;td&gt;
      &lt;!-- //datos generales --&gt;
      &lt;select name="sexo" id="sexo"  style="display:none"&gt;
      &lt;option value="1"&gt;Masculino &lt;/option&gt;
      &lt;option value="2"&gt;Femenino&lt;/option&gt;
      &lt;/select&gt;
      &lt;/td&gt;
      &lt;td&gt;&lt;input type="button" value="+" class="clsAgregarFila"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>code manipulacion.js</p>
  
  <pre><code>//manipulacion 
  var contLin=1
      $(document).ready(function () {
          $("#estado"+contLin).change(function () {      
              if ($("#estado"+contLin).val() == 2) {
                  $("#sino"+contLin).show();
                  $("#sexo"+contLin).hide();       
              }
              if ($("#estado"+contLin).val() == 3) {
                  $("#sino"+contLin).hide();
                  $("#sexo"+contLin).show();
              }
  }           );
  
  
  
  });
  
  
  $(document).ready(function(){
      //evento que se dispara al hacer clic en el boton para agregar una nueva fila
      $(document).on('click','.clsAgregarFila',function(){
          //almacenamos en una variable todo el contenido de la nueva fila que deseamos
          //agregar. pueden incluirse id's, nombres y cualquier tag... sigue siendo html
  
          var strNueva_Fila='&lt;tr&gt;'+
  '&lt;td&gt;&lt;select id="estado'+contLin+'"&gt;&lt;option value="1"&gt;Seleccione 1 opcion&lt;/option&gt;&lt;option value="2"&gt;Laboratorio&lt;/option&gt;&lt;option value="3"&gt;Datos Generales&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;' +
  '&lt;td&gt;&lt;select name="sino'+contLin+'" id="sino"style="display:none"&gt;&lt;option value="1"&gt;Si &lt;/option&gt;&lt;option value="2"&gt;No&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;'+
  '&lt;td&gt; &lt;select name="sexo'+contLin+'" id="sexo"  style="display:none"&gt;&lt;option value="1"&gt;Masculino &lt;/option&gt;&lt;option value="2"&gt;Femenino&lt;/option&gt;&lt;/select&gt;&lt;td&gt;'+
  '&lt;td&gt;&lt;input type="button" value="+" class="clsAgregarFila"&gt;&lt;input type="button" value="-" class="clsEliminarFila"&gt;&lt;/td&gt;'+
  '&lt;/tr&gt;';
  
  contLin++;
  
          var objTabla=$(this).parents().get(3);
  
  
          $(objTabla).find('tbody').append(strNueva_Fila);
  
  
          if(!$(objTabla).find('tbody').is(':visible')){
  
              $(objTabla).find('caption').click();
          }
      });
  
  
      $(document).on('click','.clsEliminarFila',function(){
  
          var objCuerpo=$(this).parents().get(2);
              if($(objCuerpo).find('tr').length==1){
                  if(!confirm('Esta es el única fila de la lista ¿Desea eliminarla?')){
                      return;
                  }
              }
  
  
          var objFila=$(this).parents().get(1);
  
              $(objFila).remove();
      });
  
  
  
  });
  </code></pre>