How to replace src of images in list using javascript (jquery)?
===

I would like to replace **thumbs** to **large** in following example using js

**FROM:**

    <ul id="slide">
    <li><img src="pathtoimg/thumbs/imagename.jpg" /></li>
    <li><img src="pathtoimg/thumbs/imagename2.jpg" /></li>
    </ul>

**To :**

    <ul id="slide">
    <li><img src="pathtoimg/large/imagename.jpg" /></li>
    <li><img src="pathtoimg/large/imagename2.jpg" /></li>
    </ul>

To achieve it I used following js code
      
		
     $(window).load(function(){
     var images = $("#slide li img");
     for(var i = 0; i < images.length; i++)
	{
	var img = images[i];
	var src = img.src.replace("thumbs","large");
	img.src = src;
	}
      });		

The above code works fine in modern browsers but internet Explorer 7 & 8  returns **stack overflow at line : 0** error. Is there any other way to replace the src of img in list without getting above error on ie?

Thanks in advance.