Simple hover show/hide breaks after state select

[ericdfields]

I was trying to create a simple show/hide effect for pp on the project I'm working on. I merely added this after the $('body').polypage() call:

  $('#pp_options').css({
    opacity: 0
  }).hover(function(){
    $(this).animate({
      opacity: 1
    })
  },function(){
    $(this).animate({
      opacity: 0
    })
  });

This works fine until you select an action. After that, hoverout is broken.

You can test this by pasting the above in the demo index file.

Any idea how I can make this work?