title: Jquery + click + image swaps + IE6 = I hate that browser
body: <p>I am having an issue with swapping images in IE6.  Works fine in all browser except that one.</p>
  
  <p>Here is the following code:</p>
  
  <pre><code>$(function() {
     $("#image1").click(function() {
         $(this).attr('src', '/v12/images/small/sm-wall-1-on.png');                    
         $('#image2').attr('src', '/v12/images/small/sm-wall-2.png');  
         $('#image3').attr('src', '/v12/images/small/sm-wall-3.png'); 
     });
   });                
  </code></pre>
  
  <p>Then here is the HTML</p>
  
  <pre><code>&lt;li style="padding:3px;"&gt;&lt;img id="image1" src="/v12/images/small/sm-wall-1-off.png" style="border:0px; width:95px; height:75px;" class="pngfix" alt=""  /&gt;&lt;/li&gt;
  &lt;li style="padding:3px;"&gt;&lt;img id="image2" src="/v12/images/small/sm-wall-2-selected.png" class="pngfix" style="border:0px; width:95px; height:75px;" class="pngfix" alt="" /&gt;&lt;/li&gt;
  &lt;li style="padding:3px;"&gt;&lt;img id="image3" src="/v12/images/small/sm-wall-3.png" class="pngfix" style="border:0px; width:95px; height:75px;" class="pngfix" alt=""  /&gt;&lt;/li&gt;
  </code></pre>
  
  <p>So basically if I click on one of the images I want to swap out the others along with the one I just clicked.  IE6 hides all images as soon as I perform the click.</p>
  
  <p>Thoughts?</p>