title: jquery clone() with html() is not a function
body: <p>Creating my own photo gallery I wanted to load small picture to bigger div to enlarge it. First, I use to html(), but it delete main (small) photo, or do nothing (i found several few solution how to use html() without delating main data, but non of tchem work). So I tryed to use clone(). But then I try combine it with html() it give me error: this.clone is not a function.  Again I try to found solution, but nothing work.
  Here is my code with solutions that I tryed to use and effects:</p>
  
  <pre><code>&lt;script&gt;
  var GallObj={
      img:&lt;?php echo json_encode($GetImg-&gt;jsonData); ?&gt;,
      imgIndex:new Number, //storage data about index of enlaging picture
  }
  
  var showAllImg = $.map(GallObj.img, function(val, i) {
      return "&lt;img src='gallery/"+val+"' class='smallimg'&gt;";
  });
  
  $("#gallCont").html(showAllImg.join(""));
  
  $('.smallimg').click(function(){
      GallObj.imgIndex=$('.smallimg').index(this);
  
     //it work, but I need change it and use html() because it doesn't change one loaded photo to new loaded photo of course:
     $(this).clone().appendTo($('#picture')); 
  
     // this two removed clicked oryginalny picture and I don't want it:
     $('#picture').html(this)
     $('#picture').html(this).html(); 
  
     //this.clone is not a function error:
     elm=this.clone();
     $('#picture').html(elm);
  
     //this.clone is not a function error:       
     $('#picture').html(this.clone());
  
     //do nothing:
     $('#picture').clone().html(this);
  
     //do nothing:
     var value=$(this).html();
     $("#picture").html(value);
  
  
     $('#mask, #fixed, #picture, #close').css('display','block');
     $('#mask').animate({'width':'100%','height':screen.height +100, opacity:'0.5'});
     $('#picture').animate({width:'900'});
     $('html, body').animate({scrollTop:0}, 1500);
  })
  &lt;/script&gt;
  </code></pre>
  
  <p>Please, help me and explain what I did wrong...</p>