Set equal height for programatically populated data

Set equal height for programatically populated data

Dear Sir

i am using following script to align certain part of website which is programatically (CMS) poulated or generated

  1. $('.typeofloandetail').each(function() { 
  2.     maxHeight = Math.max(maxHeight, $(this).height()); 
  3.  
  4. }).height(maxHeight);
  5. }
This script is running really good and resizes / equalise the height of elements for class  typeofloandetail

However when, i populate the very same data again  using Jquery

I am using following jQuery for this purpose

  1. var url= "typeofloandivfill.php"
  2.   data = {
  3. language: language 
  4. };
  5.    
  6.         $('#typeofloandiv').load(url,data, typeofloadadjust )  ;
When I do this I loose the alignment, the height of class is not equalised


I tried

  1. var url= "typeofloandivfill.php"
  2.   data = {
  3. language: language 
  4. };
  5.    
  6.         $('#typeofloandiv').load(url,data, typeofloadadjust )  ;

  8. function typeofloadadjust()
  9. {
  10. $('.typeofloandetail').each(function() { 
  11.     maxHeight = Math.max(maxHeight, $(this).height()); 
  12.  
  13. }).height(maxHeight);
  14. }
But this doesnot work