[Resolvido] wordpress e jquery

Boa tarde Pessoal, estou com a seguinte dúvida: Em meu projeto tenho uma página que lista todos os posts da categoria notícias. O código que implementa isso é o seguinte:

<?php
 $lastposts = get_posts('numberposts=10&category_name=noticias');
 foreach($lastposts as $post) :
 setup_postdata($post);
 ?>
 <h2><a href="<?php echo bloginfo('template_url') .'/sala_de_imprensa_template.php';?>" id="post-<?php the_ID(); ?>" class="carrega_pagina_div"><?php the_title(); ?></a></h2>
 <?php the_content(); ?>
 <?php endforeach; ?>

Criei a página sala_de_imprensa_template.php sem utilizar o painel de administração do wordpress e dentro do diretório do tema que estou utilizando. Queria abrir o conteúdo das notícias dentro de uma div específica e para isso tentei utilizar jquery:

$(document).ready(function(){
 $("#carregando").hide();
 $(".carrega_pagina_div").click(function() {
 $("#carregando").ajaxStart(function(){
 $(this).show();
 $(".bloco_direito").hide();
 });
 $("#carregando").ajaxStop(function(){
 $(this).hide();
 $(".bloco_direito").show();
 });
 function(data) {
 $(".bloco_direito").empty().html(data);
 });
 return false;
 });
 });

A div em que quero que as notícias sejam exibidas ficou com a segunte estrutura:

<div id="bloco_direito" style="float:right;" class="bloco_direito">
 <div id="carregando">
 <img src="images/ajax_preloader.gif" />
 carregando...
 </div>

 </div><!-- fim da div bloco_direito -->

Mas quando clico na notícia ela não é exibida na div bloco_direito. Há algo de errado com meu código? Não consegui encontrar o erro.