Event not executing inside the iframe
<p>I am adding content in the <code>iframe dynamically</code> and that content are binded with an event using <code>.live() function</code> :</p>

<pre><code>           &lt;body&gt;
            &lt;div id="container"&gt;
               &lt;iframe id="if" src="something"&gt;&lt;/iframe&gt;
            &lt;/div&gt;

            &lt;script&gt;
             /* binding event */
             $(document).ready(function() {
               $("p").live("mouseover", function() { /* do something */ });
             });

             /* appending content */
              $("#if").contents().find("#someid").append("&lt;p&gt;&lt;/p&gt;");                  
            &lt;/script&gt;
           &lt;/body&gt;
</code></pre>

<p>The <code>p tag</code> added successfully but the event is not executed on mouseover. Whats the problem? </p>

<p><strong>Note</strong> : I can`t add the binding event script inside the iframe. </p>
