filter в IE8
 

Здравствуйте понять не могу, почему этот кусок кода не работает.

<div class="mod-slideshow mod-slideshow-default" id="mod-slideshow">
<ul class="images-list">
<li class="active item item1">
  <div class="image"><img src='/public/images/slide1.jpg' alt='Honda' /></div>
</li>
<li class=" item item2">
  <div class="image">/public/images/slide2.jpg|Acura</div>     
</li>
<li class=" item item3">
  <div class="image">/public/images/slide3.jpg|Toyota</div>     
</li>
<li class=" item item4">
  <div class="image">/public/images/slide4.jpg|Scion</div>
</li>
<li class=" item item5">
  <div class="image">/public/images/slide5.jpg|Hyundai</div>
</li>
</ul>
</div>

$(window).bind('load', function() {       
        var images = $('div#mod-slideshow ul.images-list div.image').filter(function() {
            return !/<img/.test($(this).html());
        });
        
        totalImgs = images.size(); // выводит 5 хотя во всех других браузерах 4 как и ожидалось        
    });

На html не обращайся внимание если где то не закрыт div, я вырезал с кода кусок

проблема в регекспе.

надо писать

return !/<img/i.test($(this).html());

А еще в jQuery есть метод has