On a bootstrapped page layout, misaligned well heights within a single row are ugly at best and downright unprofessional looking at worst

So I created a simple jQuery routine which will:

• Cycle through each row
• Create a variable = 0
• For each well in this row
  • Check the height of each well
  • If the height is larger than the current largest value increase it
• Once finished set the height of all the wells in this row (already selected) to be the largest height

$('.row').each(function(){
  var wellHeight=0
  $(this).find('.well').each( function(){
      var temp = $(this).height()
      if (temp>wellHeight){
       wellHeight=temp
      }
  }).height(wellHeight+"px")
})