Typeahead Bootstrap no funciona en Remoto

[easteteb]

Ante todo buenas tardes. Paso a explicar mi problema. Diseñé una aplicación web en mi trabajo que permite registrar mediante un formulario varios campos. Dentro de esos campos tengo algunos que usas el autocompletado del Typeahead Bootstrap. En local funciona a la perfección. Pero cuando ejecuto la aplicación desde otra PC que forma parte de la red, es decir, en modo remoto, el autocompletado deja de funcionar y el campo se comporta como cualquier otro campo de tipo texto.
Por favor, alguien puede ayudarme y decirme qué es lo que está mal en mi código o si falta algo de configuración que, quizás, estoy obviando.

Este es mi código JavaScript:

Código:

$(function() {
	$("#typeahead").typeahead({
		source: function (query, process) {
			$.ajax({
				url: 'data.php',
				type: 'POST',
				data: 'query=' + query,
				dataType: 'JSON',
				async: true,
				success: function(data) {
					process(data);
				}
			});
		}
	});
});

Este es mi archivo data.php:

Código PHP:

  if (isset($_POST['query'])) 
{ 
    require_once('conexion.php'); 
 
    $query = $_POST['query']; 
    $sql = "SELECT * FROM tab_medicinas_2 WHERE descripcion LIKE '%".$query."%'"; 
    $res = mysql_query($sql) or die(mysql_error()); 
  
    while($fila = mysql_fetch_assoc($res)) 
    { 
        $return[] = $fila['descripcion']." (".$fila['um'].")"; 
    } 
 
    echo json_encode($return); 
}  
   

Y este es parte de mi código HTML:

Código HTML:

<div id="tab4" class="tab-content-1">
	<table class="table table-bordered">
		<tr>
			<td width="28%">Denominaci&oacute;n seg&uacute;n DCI, especificaciones t&eacute;cnicas, unidad de manejo</td>
			<td width="24%">Dosis</td>
			<td width="24%">Duraci&oacute;n del tratamiento</td>
			<td width="8%">Cant. Req.</td>
			<td width="16%">Indicaci&oacute;n Espec&iacute;fica</td>
		</tr>
		<tr>
			<td width="28%">
				<input name="descripcion" class="span4" id="typeahead" type="text" data-provide="typeahead" />
			</td>
			<td width="24%">
				<input name="dosis" class="span3" id="dosis" type="text" />
			</td>
			<td width="24%">
				<input name="duracion" class="span3" id="duracion" type="text" />
			</td>
			<td width="8%">
				<input name="cantidad" class="span1" id="cantidad" type="text" />
			</td>
			<td width="16%">
				<input name="indicacion" class="span2" id="indicacion" type="text" />
			</td>
		</tr>
	</table>
</div>