title: Change 2 image each other when click on them
body: <p>i have a div with multiple images inside and i need to click on a random image then again click on a random picture and when i clicked the second image to change images with each other. All images are interchangeable.Heres what i've done so far:</p>
  
  <p><strong>EDIT FIDDLE:</strong> <a href="http://jsfiddle.net/w53Ls/5/" rel="nofollow">http://jsfiddle.net/w53Ls/5/</a></p>
  
  <pre><code>$("#image1").click(function(){
      imagePath = $("#image2").attr("src");
      if(imagePath == "http://s15.postimg.org/oznwrj0az/image.jpg"){
          $("#image3").attr("src", "http://s21.postimg.org/ojn1m2eev/image.jpg");
      }else{
          $("#image4").attr("src", "http://s23.postimg.org/epckxn8uz/image.jpg");        
      }
  });
  </code></pre>
  
  <p><strong>EDIT:</strong> The code i have tryed for check function is in <strong>EDIT FIDDLE</strong> and with the alert i check src of pictures.Now i simply need to make a condition to alert something after i change all the pieces in order and found the whole picture.Any hint?</p>