Jquery and create html in the fly

Jquery and create html in the fly

I try show html code in the fly using jquery and it´s the first time i try
but i think i have something bad in my concepts for show this code , i put
my code :
<script>
jQuery(document).ready(function() {
jQuery("#popup").click(function() {
$("<div class=foo id=bar
style='color:white;bgcolor:blue;font-size:12pt'></div>")
});
});
</script>
The problem it´s how show this html code , i think show when click but no
Thank´s , regards