A Callback to $.each()'s Callback?
I'm trying to delay an action until after a $.each() cycle has completed, but cannot seem to get it working. More specifically, I'm cycling through a series of DIV's to determine the tallest, and then setting the height of all to that value, but I have to wait until I have that highest value before I can set the height of the others:

    /* Fixing Module Heights */
    $("div.module-box").each(function(){
      maxHeight = 0;
      $("div.module-body", this).each(function(){
        currentHeight = $(this).height();
        if (currentHeight > maxHeight) maxHeight = currentHeight;
      });
      $("div.module-body", this).css("height", maxHeight);
    });

It should turn this:

    <div style="height:75px">Hello World</div>
    <div style="height:10px">Hello World</div>

Into this:

    <div style="height:75px">Hello World</div>
    <div style="height:75px">Hello World</div>
A Callback to $.each()'s Callback?
===

I'm trying to delay an action until after a $.each() cycle has completed, but cannot seem to get it working. More specifically, I'm cycling through a series of DIV's to determine the tallest, and then setting the height of all to that value, but I have to wait until I have that highest value before I can set the height of the others:

    /* Fixing Module Heights */
    $("div.module-box").each(function(){
      maxHeight = 0;
      $("div.module-body", this).each(function(){
        currentHeight = $(this).height();
        if (currentHeight > maxHeight) maxHeight = currentHeight;
      });
      $("div.module-body", this).css("height", maxHeight);
    });

It should turn this:

    <div style="height:75px">Hello World</div>
    <div style="height:10px">Hello World</div>

Into this:

    <div style="height:75px">Hello World</div>
    <div style="height:75px">Hello World</div>