Why does delegate not work in "p" tag?
<p>When delegate with <code>p</code> tag, it does not work <a href="http://jsfiddle.net/peswe/wbVMV/4/" rel="nofollow">http://jsfiddle.net/peswe/wbVMV/4/</a></p>

<p>HTML:</p>

<pre><code>&lt;p id='test'&gt;
    &lt;div&gt;box 1
        &lt;div&gt;box in box1&lt;/div&gt;
    &lt;/div&gt;
&lt;/p&gt;
</code></pre>

<p>​
JavaScript:</p>

<pre><code>$('p#test').delegate('div','click',function(){
    alert('test');
})
</code></pre>

<hr>

<p>Changing <code>p#test</code> to <code>span#test</code> or <code>body</code>, it works <a href="http://jsfiddle.net/peswe/wbVMV/3/" rel="nofollow">http://jsfiddle.net/peswe/wbVMV/3/</a></p>

<p>HTML:</p>

<pre><code>&lt;span id='test'&gt;
    &lt;div&gt;box 1
        &lt;div&gt;box in box1&lt;/div&gt;
    &lt;/div&gt;
&lt;/span&gt;
​
</code></pre>

<p>JavaScript:</p>

<pre><code>$('span#test').delegate('div','click',function(){
    alert('test');
})
</code></pre>

<p>Please tell me something about it.Thank you very much!</p>
