Problema con jquery y wordpress

[alvarols]

Tengo este código jquery y no lo puedo hacer funcionar:

Código:

$(function () {
	$('.pg').hover(function(){
		$(this).children('li a').stop().animate({ opacity: 0.5,},200);
	}, function() {
		$(this).children('li a').stop().animate({ opacity: 1, },200);
	});
});

Pertenece a este código HTML

Código:

<ul class="pg">
	      <li><a href="<?php bloginfo('url'); ?>" title="Home">Inicio</a></li>
		<?php wp_list_pages('title_li=&depth=1'); ?>
	  </ul>

Ojalá me puedan ayudar que se me hace indispensable