title: jquery on click replace with another image
body: <p>when i click the add image div i should replace the current image with another cross image with back ground white</p>
  
  <p>can you tell me how to accomplish it... : <a href="http://jsfiddle.net/6MmMe/11/" rel="nofollow">http://jsfiddle.net/6MmMe/11/</a></p>
  
  <p>cross image <a href="https://docs.google.com/file/d/0B3IBJKENGE7ReWpack5aWmdLSmc/edit" rel="nofollow">https://docs.google.com/file/d/0B3IBJKENGE7ReWpack5aWmdLSmc/edit</a></p>
  
  <pre><code>$("div").hover(
    function () {
      $(this).append($("&lt;div&gt;add image&lt;/div&gt;"));
    }, 
    function () {
      $(this).find("div:last").remove();
    }
  );
  </code></pre>