title: JQuery Not able to bind blur event to all <input> elements in a page
body: <p>I am trying to bind blur event to all "input" elements in the page. It has multiple input elements, there are some input elements even inside the "iframe".</p>
  
  <p>I am able to bind blur events which are outside the iframe but not inside.</p>
  
  <p>Here is some code I tried:</p>
  
  <pre><code>$('body iframe').contents().find('body').delegate('input','blur',function(e){
     alert('blur');
  });
  
  $('body,iframe').children().find('input').on('blur',function(e){
     alert('blur');
  });
  </code></pre>
  
  <p>The HTML-structure</p>
  
  <pre><code>&lt;html&gt;
      &lt;body&gt;
          &lt;div id = abc&gt; &lt;!--start of abc div --&gt;
              &lt;form&gt;
                  &lt;table&gt;
                      &lt;tr&gt;
                          &lt;input name="hello"/&gt;  &lt;!--  able to bind event to this input --&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/form&gt; 
          &lt;/div&gt; // end of abc div
  
          &lt;div id="pqr"&gt; // start of pqr div
              &lt;iframe name="e1menuAppIframe"&gt;  &lt;!-- iframe element (Does have more properties) --&gt;
                  &lt;html&gt;
                      &lt;body&gt;
                          &lt;div id="abc"&gt;
                              &lt;form&gt;
                                   &lt;table&gt;
                                       &lt;tr&gt;
                                           &lt;input name="hello"/&gt;      &lt;!--not able to bind event to this input --&gt;
                                       &lt;/tr&gt;
                                   &lt;/table&gt;
                               &lt;/form&gt;
                           &lt;!-- more forms --&gt;
                      &lt;/body&gt;
                  &lt;/html&gt;
              &lt;/iframe&gt;
          &lt;/div&gt;    &lt;!-- end of pqr div --&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Both are not working for elements inside the iframe.</p>
  
  <p>Is there a general solution to bind to all input elements inside the page in spite of iframes.</p>
  
  <p>Also there are some requests that load dynamic iframe elements into the page, on and delegate functions are not binding blur events to newly added iframes.</p>