Jquery not able to add functionality properly

Dear All,
I have page here where I get my data after an ajax call. The problem after the call I assign drag n drop functionality but it does not work if I just do one static page without ajax data. Below is snippet of my codes. Is there any mistake here?


$("select#vehicleLayoutID").change(function(){
		var data = $(this).val();
		$vehicleLayoutIDArray=$('#vehicleLayoutID').val().split("#");;
		//alert("value :"+$vehicleLayoutID);
		//alert("value :"+$('#vehicleLayoutID').val());
		$.post('getTyreLayoutDetails.php', {l: $vehicleLayoutIDArray[0]}, function(data){
			$('#layoutDetails').html(data);
			
			$('.t1 span.droppable').each(function(){
				//alert("DROP");
				$(this).droppable();

			});
			$('.t1 span img.draggable').each(function(){
				//alert("drag");
				 $(this).draggable();

			});
		});	
	});