title: jquery outerHeight() gives random values in Safari Version 9.0.3 (11601.4.4)
body: <p>I want to get the height of the highest div using outerHeight() jquery function. </p>
  
  <p>Here is my js code:</p>
  
  <pre><code>$( window ).load(function(e){
      var maxHeight = 0;
      var div = $('.inner_service_block');
      div.each(function(){
          if ($(this).outerHeight(true) &gt; maxHeight) { maxHeight = $(this).outerHeight(true); }
      });
  
      console.log(maxHeight);
  });
  </code></pre>
  
  <p>This code works fine in every browser except in Safari (Version 9.0.3 (11601.4.4)).</p>
  
  <p>For example the actual div's height is 293px (I can see that in web inspector), while in console I get 250px. But sometimes, after refreshing the page, I get the right value i.e. 293px and after further refreshing I see 250px again.</p>
  
  <p>I've cleared cache, restarted mac, tried in private browsing mode and tried height() function but get the same result.</p>
  
  <p>Here is the workaround that I've found:</p>
  
  <pre><code>$( window ).load(function(e){
      setTimeout( function(){
          var maxHeight = 0;
          var div = $('.inner_service_block');
          div.each(function(){
              if ($(this).outerHeight(true) &gt; maxHeight) { maxHeight = $(this).outerHeight(true); }
      });
  
          console.log(maxHeight);
  
      }, 90);
  });
  </code></pre>
  
  <p>I really would like to know what the real problem is here because using setTimeout function is not what I would like to use in this case.</p>