hola a todos estoy haciendo una pequeña pagina donde debo de elegir el campo a editar de un registro y al hacer click en el boton debe cargar la pagina solicitada en un div que esta a la izquierda intento hacerlo con javascript pero no se donde tengo el error. En css tengo un id #izquierda y #derecha y la pagina a cargar se llama edit.php, aqui el fragmento

<script type="text/javascript">
function edicion(){
	$('#derecha').load('edit.php #prueba')/*aqui no se como cargar la pagina en el div derecho*/
	alert("Me haz dado un click");
 
}
</script>
<div id="wrapper"> <!-- aquí meteré todas las capas -->
  <div id="superior"><h2 align="center">EDITANDO REGISTRO CLIENTE</h2></div> <!-- aquí podría ir el logo -->
  <div id="content"> <!-- aquí meteremos todo el contenido -->
    <div id="izquierdo"><div id='menuWrapper'><div class='menu'><h5 align="center">Edicion de Registros</h5></div></div>
	<div class="panel-body">
              <form autocomplete="off">
				<table width="100%" align="center">
				<tr>
 
				<label>Ingrese ID</label>&nbsp;
				<input type="text" name="id" id="id" maxlength="8" size="3">
				<br>
				<label>Columna</label>&nbsp;
				<select name"lista">
				<option value="edit.php">ID detalle</option>
				<option>ID pedido</option>
				<option>ID Producto</option>
				<option>Cantidad</option>
				<option>Estado</option>
 
				</select>
 
				</tr>
				<br>
				<br>
				<tr>
				<input type="button" value="Editar" name="editar" onclick="edicion()">
				</tr>
				<br>
				<br>
				<br>
 
				</table>
				</form>
				</div>
	</div>
   <!-- <div id="centro">texto y más cosas</div>-->
    <div id="derecho" name="derecha"><div id='menuWrapper'><div class='menu'><h5 align="center">Editando Registro Cliente</h5></div></div></div>
  </div>
  <div id="footer">hola!</div> <!-- y este sería el pie de página -->
</div>
 

agradezco sus aportes

en horabuena ha funcionado, no me habia fijado del #derecho