title: jQuery equal.Heights plugin - "$.browser.msie is null or not an object"?
body: <p>I'm pretty new to js in general, but from the tutorials I've read it seems like this should work.  I'm just trying to use this plugin to make 3 boxes equal height... the boxes have border-radius and some other styling applied if that matters.</p>
  
  <p>Script code:</p>
  
  <pre><code>$.fn.equalHeights = function(px) {
  $(this).each(function(){
  var currentTallest = 0;
  $(this).children().each(function(i){
  if ($(this).height() &gt; currentTallest) { currentTallest = $(this).height(); }
  });
      if (!px &amp;&amp; Number.prototype.pxToEm) currentTallest = currentTallest.pxToEm(); //use ems unless px is specified
  // for ie6, set height since min-height isn't supported
  if ($.browser.msie &amp;&amp; $.browser.version == 6.0) { $(this).children().css({'height': currentTallest}); }
  $(this).children().css({'min-height': currentTallest});
  });
  return this;
  };
  
  // just in case you need it...
  $.fn.equalWidths = function(px) {
  $(this).each(function(){
  var currentWidest = 0;
  $(this).children().each(function(i){
  if($(this).width() &gt; currentWidest) { currentWidest = $(this).width(); }
  });
  if(!px &amp;&amp; Number.prototype.pxToEm) currentWidest = currentWidest.pxToEm(); //use ems unless px is specified
  // for ie6, set width since min-width isn't supported
  if ($.browser.msie &amp;&amp; $.browser.version == 6.0) { $(this).children().css({'width': currentWidest}); }
  $(this).children().css({'min-width': currentWidest});
  });
  return this;
  };
  </code></pre>
  
  <p>Page code:</p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;window.jQuery || document.write('&lt;script src="js/vendor/jquery-1.9.0.min.js"&gt;&lt;\/script&gt;')&lt;/script&gt;
  
  
  &lt;script src = "js/jQuery.equalHeights.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
       $(function(){ $('#equalize').equalHeights(); });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>And I've applied the id of "equalize" to my div that contains the three boxes I want equal height.  It doesn't seem to have an effect, and IE throws the script error "$.browser.msie is null or not an object".</p>
  
  <p>I'm running this locally on a php page using xampp, if that's applicable.</p>
  
  <p>I'm very sure this is just some stupid newb mistake on my part, I seriously spent like 2 hours trying to chase it down and I give up.  If anyone can chime in, I'd REALLY appreciate it!</p>
  
  <p>Thanks,
  Joe</p>