PHP - pasar <span id> a variable con php

<span id="lti"></span><br /> - Esto imprime corecto en pantalla (32.215478855)

<span id="lgi"></span><br />

<span id="psc"></span><br />

<input type="text" name="lti" id="un" value="lti" placeholder="<?php echo $lti; ?>" data-theme="a">

<input type="text" name="lti" id="un" value="<?php echo $lti; ?>" data-theme="a">

var lati = document.querySelector('#lti').innerText;

var input_lati = document.querySelector('input[name="lti"]');

input_lati.value = lati;

var latitud = pos.coords.latitude;

var longitud = pos.coords.longitude;

var precision = pos.coords.accuracy;  ----- para Google maps

var contenedor = document.getElementById("map")              impresion de latitud y long en pantalla

document.getElementById("lti").innerHTML=latitud;

document.getElementById("lgi").innerHTML=longitud;

document.getElementById("psc").innerHTML=precision;

var centro = new google.maps.LatLng(latitud,longitud);

<p>Latitud: <span id="lti"></span></p>-----------   impresion

<p>Longitud: <span id="lgi"></span></p>

<p>Presici&oacute;n: <span id="psc"></span></p>

<input name="input" type="text"  value="lati"/>

<p>Latitud: <span id="lti"></span></p>   --- ------- este me esta imprimiendo el valor correcto en pantalla 25.325698

<p>Longitud: <span id="lgi"></span></p>

<p>Presici&oacute;n: <span id="psc"></span></p>

<script>

var lati = document.querySelector('#lti').innerText;

var input_lati = document.querySelector('input[name="lti"]');

input_lati.value = lati;

</script>

<form>

  <input name="lti" type="text"  value=""/>  pero imprime vacio

</form>