jQuery replace a div with other div inside of each <li>

[pisike]

does somebody knows how to replace a div with other one that is inside of a <li> tag?
i already tried this...

$("#image").html($(this).find(".flist-image").html());
but for some reason isn't working as i want..

inside of each div with the class flist-image is a link of image that is a light box and is not working...
can somebody help me pls??
this is part of the code...

	$(document).ready(function(){
		$(".flist li").click(function(){
			$(".flist li.selected img").fadeTo("normal");
			$(".flist li.selected").removeClass("selected");
			$(this).find("img").fadeTo("fast");
			$(this).addClass("selected");
			$('#image').replaceWith(function() {
  					return $(".flist-image").contents();
				});
 			$("#image").html($(this).find(".flist-image").html());
			$("#viewmore").html($(this).find(".flist-content").html());
		});

 <li>
        <img src="images/thumbs.jpg" />
                <div class="flist-content">
                      <a href="#" id="code">View Code</a>
                      <a href="#" id="larger">View Larger</a>                                    
                 </div>
                 <div class="flist-image">
                      <img src="images/our_work2.jpg" />                                   
                  </div>
 </li>