Por que no me da el resultado ? en la variable

[iroke]

Estoy creando un cargando en javascript que al presionar el boton salga la imagen de carga, bueno mi problema es esque añadi un simple codigo php y a la hora de presionar el boton no me da el resultado D: aver si alguien me podria ayudar :-[ aqui os dejo mi codigo

Código:

     
        
<script type='text/javascript' src='http://probando-html.webcindario.com/codigos/cargando/js/ajax.js'></script>
<form method="post" action="index.php" id="forgotten-pw-form">
<input type="text" id="Q" name="Q">
<input type="submit" id="boton" value="Cargar">

<div id="contenidoAjax" style="padding: 15px 15px 0 15px; border: 1px solid #CCC;">
	<p>Si le das al botón, cargaré algo de contenido.</p>
</div>
<script type="text/javascript">

(function($){
$('input#boton').on('click',function(e){
    var $contenidoAjax = $('div#contenidoAjax').html('<p><input type=image src="http://probando-html.webcindario.com/codigos/cargando/imagenes/cargando.gif" /></p>');
     
    // Simulo una petición AJAX de 3 segundos
    setTimeout(function(){
        $contenidoAjax.html("<?php echo $_POST["Q"];?>");
    }, 3000);
    e.preventDefault();
});
})(jQuery);
</script>

Aver si hay alguna solucion :D