Tengo un problema al cargar contenido a través de un enlace. Cuando presiono la opción de 'empleados' me carga el formulario que quiero pero cuando lo hago en la opción de 'cliente' no carga nada (tiene que cargar el mismo formulario). La pagina que tiene que cargar es un formulario para rellenar datos; igual para empleados y clientes. Adjunto el código.
$(document).ready(function(){
$('.collapsible').collapsible();
});
$(document).ready(function() {
$('#altaEmpCli').on('click', function() {
$('.navega li').removeClass('active');
$("#contenido").load('inc/emplcli.php');
return false;
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css" rel="stylesheet">
<div class="row">
<div class="col s3">
<ul class="collapsible navega">
<li class="active">
<div class="collapsible-header"><a href="#">GESTIÓN EMPLEADOS</a></div>
<div class="collapsible-body">
<ul>
<li><a id="altaEmpCli" href="#">Empleados</a></li>
</ul>
</div>
</li>
<li>
<div class="collapsible-header"><a href="#">GESTIÓN CLIENTES</a></div>
<div class="collapsible-body">
<ul>
<li><a id="altaEmpCli" href="#">Clientes</a></li>
</ul>
</div>
</li>
</ul>
</div>
<div class="col s9">
<div class="container" id="contenido"></div>
</div>
</div>
Gracias!!