Pastable version of Ultra lightweight message "popup" at top of parent element

<pre class='prettyprint' language='javascript'>// container = element to put message into
// text = what you want the message to say
function msg(container, text) {
	var msg = $('&lt;div/&gt;').addClass('classic tooltip').html('&lt;p&gt;' + text + '&lt;/p&gt;').bind('click', function() { $(this).remove() });
	container.append(msg);
}</pre>
<pre class='prettyprint' language='javascript'>.tooltip {
	color: #000;position: absolute;top:0;left:0;width:100%;height:32px;box-shadow:0 3px 5px 0 rgba(0,0,0,0.4);
	-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.4);
	-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,0.4);}
.tooltip p{margin:10px 5px;}
.classic {background: #ffa;border-bottom: 1px solid #f80;}</pre>
<pre class='prettyprint' language='javascript'>$('#submitBtn').click(function(e) {
	e.preventDefault();
	msg($('body'), 'Thank you, your email has been added to our mailing list.');
});</pre>
<a href="http://www.refactormycode.com/codes/1425-ultra-lightweight-message-popup-at-top-of-parent-element" style="color:#fff" title="As seen on RefactorMyCode.com"><img alt="Small_logo" src="http://www.refactormycode.com/images/small_logo.gif" style="border:0" /></a>

Refactor :my => 'code'

Recent

Popular

Pastable version of Ultra lightweight message "popup" at top of parent element