title: document.ready and iframes
body: <p>My page loads an iframe. 
  The iframe contains a small markup, including " Click  "</p>
  
  <p>I have a js file, included it controls a click-event for the buton.
  Currently the JS file is included, in the small page, which my iframe loads.</p>
  
  <p>I want to include my javascript library on the containing page level, not in the page which the iframe loads.  So , I moved it. Those of you who know your stuff, will not be surprised to hear
  that when I did this, the click() event stopped firing.</p>
  
  <pre><code>                    $(document).ready(function(){
  
                            $('#filter_button').click(function(){
                                      //operations
                              });
  
                      });
  </code></pre>
  
  <p>I loosely understand, that it is because the .ready function is traversing the DOM before the iframe loads... but I don't know what to do about it.  Any help?</p>