Unbind an element and add back after animation stops
<p>I am trying to <code>unbind</code> an element, an then <code>bind</code> it back after a page scroll animation completes:</p>

<pre><code>$(".trigger").click(function(){
  $(".class1 a, .class2 a").unbind();
  $('html, body').stop().animate({scrollTop: $('#container').offset().top}, 1000);
  $(".class1 a, .class2 a").bind();
});
</code></pre>

<p><code>.class1 a</code> and <code>.class2 a</code> never get binded back, however?</p>
