title: Trying to bind inputs Inheriting by other input
body: <p>I'm trying to bind other inputs by one input, previously i made an example that i saw on internet to understand and practice, the example i made it was fine and it fill all the data that i ask but when i try to implement into My project this does not do nothing, in the console, doen't show me an error or something that can tell me what is happen
  i'm using PHP 7 and the templates of Admin LTE</p>
  
  <p>this is my form</p>
  
  <pre><code>&lt;form name="formulario" id="formulario" method="POST"&gt;
    &lt;div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12"&gt;
      &lt;input type="hidden" name="idventa" id="idventa"&gt;
      &lt;label&gt;Numero de viaje:&lt;/label&gt;
      &lt;input type="text" class="form-control" name="num_viaje" id="num_viaje" maxlength="256" placeholder="Número de viaje" required&gt;
    &lt;/div&gt;
    &lt;div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12"&gt;
      &lt;label&gt;Cliente:&lt;/label&gt;
      &lt;input type="text" class="form-control" name="nombre" id="nombre" maxlength="256" placeholder="Cliente"&gt;
    &lt;/div&gt;
    &lt;div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12"&gt;
      &lt;label&gt;Destino:&lt;/label&gt;
      &lt;input type="text" class="form-control" name="destino" id="destino" maxlength="256" placeholder="Destino"&gt;
    &lt;/div&gt;
    &lt;div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12"&gt;
      &lt;label&gt;Operador:&lt;/label&gt;
      &lt;input type="text" class="form-control" name="operador" id="operador" maxlength="256" placeholder="Operador" required&gt;
    &lt;/div&gt;
    &lt;div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12"&gt;
      &lt;label&gt;Número de operador:&lt;/label&gt;
      &lt;input type="text" class="form-control" name="idoperador" id="idoperador" maxlength="256" placeholder="Numero de operador" required&gt;
    &lt;/div&gt;
    &lt;div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12"&gt;
      &lt;label&gt;Tipo de operación:&lt;/label&gt;
      &lt;input type="text" class="form-control" name="tipoOperacion" id="tipoOperacion" maxlength="256" placeholder="Tipo de operación" required&gt;
    &lt;/div&gt;
    &lt;div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12"&gt;
      &lt;label&gt;Viatico:&lt;/label&gt;
      &lt;input readonly type="text" class="form-control" name="viatico" id="viatico" maxlength="256" placeholder="Viatico" required onchange="sumar(this.value);"&gt;
    &lt;/div&gt;
    &lt;div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12"&gt;
      &lt;label&gt;Caseta:&lt;/label&gt;
      &lt;input readonly type="text" class="form-control" name="casetas" id="casetas" maxlength="256" placeholder="Casetas" required onchange="sumar(this.value);"&gt;
    &lt;/div&gt;
    &lt;div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12"&gt;
      &lt;label&gt;Extras:&lt;/label&gt;
      &lt;input readonly type="text" class="form-control" name="extras" id="extras" maxlength="256" placeholder="Extras" required onchange="sumar(this.value);"&gt;
    &lt;/div&gt;
    &lt;div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12"&gt;
      &lt;label&gt;Cantidad en Diesel:&lt;/label&gt;
      &lt;input readonly type="text" class="form-control" name="diesel" id="diesel" maxlength="256" placeholder="Diesel" required onchange="sumar(this.value);"&gt;
    &lt;/div&gt;
    &lt;div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12"&gt;
      &lt;label&gt;Desgaste 5%:&lt;/label&gt;
      &lt;input readonly type="text" class="form-control" name="desgaste" id="desgaste" maxlength="256" placeholder="Desgaste 5%" onchange="sumar(this.value);"&gt;
    &lt;/div&gt;
    &lt;div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12"&gt;
      &lt;label&gt;Utilidad:&lt;/label&gt;
      &lt;input readonly type="text" class="form-control" name="utilidad" id="utilidad" maxlength="256" placeholder="Utilidad" onchange="sumar(this.value);"&gt;
    &lt;/div&gt;
    &lt;div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12"&gt;
      &lt;label&gt;Inversión total:&lt;/label&gt;
      &lt;span id="spTotal"&gt;&lt;/span&gt;
      &lt;input readonly type="text" class="form-control" name="total" id="total" maxlength="256" placeholder="Total"&gt;
    &lt;/div&gt;
    &lt;div id="estado"&gt;Esperando input.&lt;/div&gt;
    &lt;div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12"&gt;
      &lt;button class="btn btn-primary" type="submit" id="btnGuardar"&gt;&lt;i class="fa fa-save"&gt;&lt;/i&gt; Guardar&lt;/button&gt;
  
      &lt;button class="btn btn-danger" onclick="cancelarform()" type="button"&gt;&lt;i class="fa fa-arrow-circle-left"&gt;&lt;/i&gt; Cancelar&lt;/button&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>the footer i have apart and i put the </p>
  
  <pre><code>&lt;script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="scripts/relleno.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>relleno.php is these</p>
  
  <pre><code>$(function(){
     /* Ponemos evento blur a la escucha sobre id nombre en id cliente. */
     $('#cliente').on('blur','#nombre',function(){
        /* Obtenemos el valor del campo */
        var valor = this.value;
        /* Si la longitud del valor es mayor a 2 caracteres.. */
        if(valor.length&gt;=3){
  
           /* Cambiamos el estado.. */
           $('#estado').html('Cargando datos de servidor...');
  
           /* Hacemos la consulta ajax */
           var consulta = $.ajax({
              type:'POST',
              url:'cliente.php',
              data:{nombre:valor},
              dataType:'JSON'
           });
  
           /* En caso de que se haya retornado bien.. */
           consulta.done(function(data){
              if(data.error!==undefined){
                 $('#estado').html('Ha ocurrido un error: '+data.error);
                 return false;
              } else {
                 if(data.destino!==undefined){$('#nombre #destino').val(data.destino);}
                 if(data.viatico!==undefined){$('#nombre #viatico').val(data.viatico);}
                 if(data.casetas!==undefined){$('#nombre #casetas').val(data.casetas);}
                 if(data.extras!==undefined){$('#nombre #extras').val(data.extras);}
                 if(data.diesel!==undefined){$('#nombre #diesel').val(data.diesel);}
                 if(data.desgaste!==undefined){$('#nombre #desgaste').val(data.desgaste);}
                 if(data.utilidad!==undefined){$('#nombre #utilidad').val(data.utilidad);}
                 if(data.total!==undefined){$('#nombre #total').val(data.total);}
                 $('#estado').html('Datos cargados..');
                 return true;
              }
           });
  
           /* Si la consulta ha fallado.. */
           consulta.fail(function(){
              $('#estado').html('Ha habido un error contactando el servidor.');
              return false;
           });
  
        } else {
           /* Mostrar error */
           $('#estado').html('El nombre tener una longitud mayor a 2 caracteres...');
           return false;
        }
     });
  });
  </code></pre>
  
  <p>and in where i make the search into the data base is these cliente.php</p>
  
  <pre><code>&lt;?php
  
  /* Conectar a una base de datos de MySQL invocando al controlador */
  $dsn = 'mysql:dbname=dbsistema;host=localhost';
  $usuario = 'root';
  $contraseña = '';
  
  try {
      $gbd = new PDO($dsn, $usuario, $contraseña);
  } catch (PDOException $e) {
      echo 'Falló la conexión: ' . $e-&gt;getMessage();
  }
  
  if(!empty($_POST['nombre'])){ 
  
  $nombre = $_POST['nombre'];
  
  $sql = "SELECT * FROM clientes WHERE nombre = '$nombre'";  
  $stmt = $gbd-&gt;prepare($sql);
  $stmt -&gt;execute();
  $arrDatos = $stmt-&gt;fetchAll(PDO::FETCH_ASSOC);
  var_dump($arrDatos);
    if($arrDatos){
      foreach ($arrDatos as $row) {
        if ($nombre = $row['nombre']) {
          $return = array ('destino'=&gt;$row['destino'],'viatico'=&gt;$row['viatico'],'casetas'=&gt;$row['casetas'],'extras'=&gt;$row['extras'],'diesel'=&gt;$row['diesel'], 'desgaste'=&gt;$row['desgaste'],'utilidad'=&gt;$row['utilidad'],'total'=&gt;$row['total']);
        }      
      }
    } else {
      $return = array('error'=&gt;'El nombre no esta guardado en la base de datos');
    }
    die(json_encode($return));
  }
  </code></pre>
  
  <p>hope someone can helpme to find my mistake</p>