how to bind function on dynamically created node
<p>I'm writing a placeholder enabling function</p>

<pre><code>var t=document.createElement("input");
"placeholder" in t||$("input").each(function(){
   if("submit"!==$(this).attr("type")){
         var n=$(this),l=n.attr("placeholder");
         n.css("color","#ccc").val(l);
         n.focus(function(){("#ccc"==n.css("color")||"rgb(204, 204, 204)"==n.css("color"))&amp;&amp;n.val("").css("color","#000")});
         n.blur(function(){""==n.val()&amp;&amp;n.css("color","#ccc").val(l)})}
})
</code></pre>

<p>I can call this function on dom ready, but how to use this function on newly created <code>input</code>?</p>
