title: How to update jQuery script after page load
body: <p>I'm using this jQuery snippet to set equal height columns for divs with CSS class .equal:</p>
  
  <pre><code>    $(window).bind('load', function() {
          var blocks = $('.equal');
              var maxHeight = 0;
              blocks.each(function(){
                  maxHeight = Math.max(maxHeight, parseInt($(this).css('height')));
              });
              blocks.css('height', maxHeight);
      });
  </code></pre>
  
  <p>Everything is working ok except on one subpage where I load part of the another subpage with this jQuery snippet:</p>
  
  <pre><code>    $(document).ready(function() {
          $('.module-ct').html('&lt;div&gt;&lt;img src="images/ajax-loader.gif" alt="Loading..." /&gt;&lt;/div&gt;');
          $('.module-ct').load('index.php&amp;Itemid=974 .genericItemList',
              function() {
                  $('.module-ct .genericItemView:gt(2)').remove();
              }
          );
      });
  </code></pre>
  
  <p>Because of the size of this "external content" (it's from the same site), it's loaded after first snippet takes effect so equal height column are too small.</p>
  
  <p>How could I update first script after second script is finished?</p>
  
  <p>I hope I was clear enough, you can also see this on the bottom of this page: <a href="http://mkl3.mklj.si/index.php/knjiznica-bezigrad2" rel="nofollow">http://mkl3.mklj.si/index.php/knjiznica-bezigrad2</a></p>
  
  <p>Thanks in advance for your help.</p>