Вопрос с селектрами в JQuery

Здравствуйте. Стал разбираться с JQuery. Пишу:

<script type="text/javascript">  
$(".right").hover(function()
{
$(".right").animate(
{
    width: '15%'
},
    1500,
    function()
    {
        $(this).html("<p><a href='#'> Оставить отзыв</a> </p> ");
    })
})

а потом пытаюсь таким вот образом сделать что-нибудь с "Оставить отзыв":

$(".right p a").toggle(
function()
{
  $(".left").animate(
  {
      opacity: '1'        
  },
  1500);
},
function()
{
  $(".left").animate(
  {
      opacity: '0'
  },
  1500);
})

но ничего не происходит. как правильно обратиться к этим элементам, подскажите, пожалуйста?