title: jQuery not working on iframe content
body: <p>I am trying to apply css to a label when input fields are focused using jQuery, but it doesn't seem to work. The contact form is loaded inside an iframe. If an iframe is not used, it works fine - check this jsfiddle: <a href="http://jsfiddle.net/nN3w2/" rel="nofollow">http://jsfiddle.net/nN3w2/</a> (if the iframe doesn't load the server might gone down - but the code is there for you to see). </p>
  
  <p>The iframe and the contact form are located on the same domain. The contact form is included using php to my website.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  jQuery(document).ready(function($) {
      $("#iframe").contents().find("input").focus(function() {
          $("#iframe").contents().find("label").css('opacity','0');
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>non-iframe</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  jQuery(document).ready(function($) {
      $("input").focus(function() {
         $("label").css('opacity','0');
      });
  
      $("input").focusout(function() {
           if($("input").val() ==="" ) {
             $("label").css('opacity','1');
          }
      });
  
  });
  &lt;/script&gt;
  </code></pre>