title: iframe content body text return empty string
body: <p>I am trying to get <code>iframe</code> content as text :</p>
  
  <pre><code> var OCRTextframe='&lt;iframe id="ocrtext" align="middle" src="http://localhost:...."/&gt;';                    
   OCRText.innerHTML=OCRTextframe;
   var myIFrameBody = jQuery(document.getElementById('ocrtext')).contents().find('body').text();
   console.log("iframe body text : "+myIFrameBody.length);
  </code></pre>
  
  <p>my <code>iframe</code> was loaded successfully but  <code>myIFrameBody</code> is empty string with 0 length , did I miss something?</p>
  
  <p>I tried implementing on load handler but in vain: </p>
  
  <pre><code>$('#ocrtext').load(function(){
  
              var myIFrameBody = $(this).contents().find('body').text();
              console.log("iframe body text : "+myIFrameBody);
          });
  </code></pre>
  
  <p>Any help will be appreciated.</p>