title: Cannot access $(document).ready() code after $.ajax call
body: <p>I have a link "Go fullscreen" in the footer of every page. In document.ready(), I have a code that needs to be executed on clicking this link. There are two other links that fetch content from next and previous pages on this page via $.ajax call. The content loads alright, but once the ajax call is processed, the 'go fullscreen' link stops working. Essentially, its click event in the document.ready() is not called. How to make a code that lies in document.ready() always work even after an ajax call. </p>
  
  <p>Code</p>
  
  <pre><code>$.ajax({
      url: $j('#prev a').attr('href'),
      success: function(data) {
                  data=$j(data).find('.container &gt; .row');
                  $j('.container').html(data);
                  $j("#go-fullscreen").bind('click');
               }
      });
  </code></pre>