title: Why a click event in jquery doesn't apply to my new element?
body: <p>I have three divs with left, center and right classes and I want to interchange their position and apply new classes as they go to thei new positions. But for some reason it doesn't work
  This is my script:</p>
  
  <pre><code>$(function() {
              $(".left").css("left","50px");
              $(".center").css("left","300px");
              $(".center").css("width","300px");
              $(".center").css("height","300px");
              $(".center").css("top","25px");
              $(".right").css("left","650px");
              $(".right").click(function(){
                  $(".left").animate({
                      left: '650px'
                      }, 1000, function() {
                      });
                  $(".center").animate({
                      left: '50px',
                      width: '200px',
                      top: '75px',
                      height: '200px'
                      }, 1000, function() {
                      });
                  $(".right").animate({
                      left: '300px',
                      width: '300px',
                      height: '300px',
                      top: '25px'
                      }, 1000, function() {
                      });
                  $(".bule").removeClass("left right center");
                  $(".second").addClass("left");
                  $(".third").addClass("center");
                  $(".first").addClass("right");
                  $(".bule").removeClass("first second third");
                  $(".left").addClass("first");
                  $(".center").addClass("second");
                  $(".right").addClass("third");
                  });
          });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/wykH4/" rel="nofollow">Here</a> is a working example.</p>