Por que um evento baseado no id de um elemento continua funcionando mesmo após a mudança do id do mesmo?

Boa noite a todos. Olhem, por favor, este trecho de código:

	$("#E25").click(function()

	        {

	            setTimeout(function()

	            {

	                document.getElementById("ter25").id = "t25";

	                document.getElementById("E25").style.display = "none";

	            }, 2000);

	            

	            $(".class").draggable

	            ({

	                containment: "#d1", connectToSortable: "#ter25"    

	            });

	            

	            $("#ter25").droppable

	            ({

	                hoverClass: "ter-ativo",

	                drop: function() 

	                {

	                    push($(this).html());

	                }

	            });

	        });

	 

	Eu tenho um botão de id E25.

	 

	Quando clico nele, divs membras da classe class (criatividade) tornam-se arrastáveis.

	 

	Essas mesmas divs podem ser "droppadas" em outra div, de id ter25.

	 

	Porém, preciso que apenas uma div da classe class seja "droppada" na ter25.

	 

	Então, criei uma função que muda o id da ter25 para t25. Essa funçao é executada 2 segundos após o clique no botão E25.

	 

	Assim, pensei eu, as divs da classe class não vão mais poder ser "droppadas". Mas me enganei. 

	 

	Por quê?!!! O que determina a div droppable é seu id, e eu mudei seu id!