jQuery.noConflict();
var j = jQuery;

this.label2value = function(){	

	// CSS class names
	// put any class name you want
	// define this in external css (example provided)
	var inactive = "inactive";
	var active = "active";
	var focused = "focused";
	
	// function
	j("label").each(function(){		
		obj = document.getElementById(j(this).attr("for"));
		if((j(obj).attr("type") == "text") || (obj.tagName.toLowerCase() == "textarea") || (j(obj).attr("type") == "password")){			
			j(obj).addClass(inactive);			
			var text = j(this).text();
			j(this).css("display","none");			
			j(obj).val(text);
			j(obj).focus(function(){	
				j(this).addClass(focused);
				j(this).removeClass(inactive);
				j(this).removeClass(active);								  
				if(j(this).val() == text) j(this).val("");
			});	
			j(obj).blur(function(){	
				j(this).removeClass(focused);													 
				if(j(this).val() == "") {
					j(this).val(text);
					j(this).addClass(inactive);
				} else {
					j(this).addClass(active);		
				};				
			});				
		};	
	});		
};
// on load
j(document).ready(function(){	
	label2value();	
});