jQuery delegate function
<p>Problem I'm having is displayed on this fiddle.</p>

<p><a href="http://jsfiddle.net/mjmitche/Sy2G4/" rel="nofollow">http://jsfiddle.net/mjmitche/Sy2G4/</a></p>

<p>I'm using jQuery delegate() to create paragraphs that will respond to the same click event even though these new paragraphs were created after the document is. I know that delegate has been replaced by on(), but I don't think on() has that functionality. Anyways, i can't even get delegate to work the way I want. As you'll see in the fiddle, the new paragraphs aren't responsive to the click. </p>

<p>Can you explain what I'm doing wrong?</p>

<pre><code>    $(document).ready(function(){

        $('p').delegate(this, 'click', function(){
        $(this).after('&lt;p&gt;"No click me!"&lt;/p&gt;');   
        });

    });​


&lt;p&gt;click me!&lt;/p&gt;​
</code></pre>
