Find width max width of a div and assign the width to all div's

Find width max width of a div and assign the width to all div's

Dear Sir

I am using following code to display 'Period'
Being dynamic (creading using do while loop of php using MYSQL database)
, i dont know the width of the same

I want to assign the max width of the div to all DIV's having class 'period


  1.    <div style="  font-family: 'Arial', sans-serif; font-size:16px; color:#fff; font-weight:bold; background-color:#006699; width:100%; id='<?php echo 'period'.$rows['id'];?> "; class="period" ><?php echo $rows['period'];?></div>

I tried
  2. $(document).ready(function() { 
  3.  
  4. var maxWidth=0; 
  5. $('.bigsaleperiod').each(function() { 
  6.     maxWidth = Math.max(maxWidth, $(this).width()); 
  7.  
  8. }).width(maxWidth);


  11. var maximgWidth1=0; 

  13. $("[id^=period]").each(function() { 
  14.     maximgWidth1 = Math.max(maximgWidth1, $(this).width());
  15.  
  16.  
  17. }).width(maximgWidth1);
  18. });
What's wrong with the code ?

I had changes following working code for height .....just changes height to width

  2. var maxHeight=0; 
  3. $('.team').each(function() { 
  4.     maxHeight = Math.max(maxHeight, $(this).height()); 
  5.  
  6. }).height(maxHeight);
  7. });

  9. var maximgHeight1=0; 

  11. $("[id^=team]").each(function() { 
  12.     maximgHeight1 = Math.max(maximgHeight1, $(this).height());
  13.  
  14.  
  15. }).height(maximgHeight1);