jQueryのresizeイベントがうまくいかない

実現したいこと

内容の異なる<li>6つを、一番高さが高い<li>に高さを揃えたい。(日本語下手くそですみません)

発生している問題・分からないこと

windowサイズを可変したときも適用させたいのでresizeイベントで設定しているのですが、手動でwindowサイズを可変したときに効かない。しかし、再読み込みすると効く。

該当のソースコード

jQuery

1$(window).on("load resize" , function(){ 2 var maxHeight = 0; 3 var sList = $("#iService").find("li"); 4 sList.each(function(){ 5 var liHeight = $(this).outerHeight(); 6 if(liHeight > maxHeight){ 7 maxHeight = liHeight 8 } 9 }); 10 sList.css('height', maxHeight + 'px'); 11});

試したこと・調べたこと

上記の詳細・結果

僕の技術ではなすすべがありませんでした。

補足

特になし