title: Find a element and append a image
body: <p>I know how to append a image to a known tag.  e.g.</p>
  
  <pre><code>//html
  &lt;div class="ImageContainer"&gt;&lt;/div&gt;    
  
  //JS
  var image = new Image;
  image.src = '/Public/Images/image.png';
  image.appendTo($('.ImageContainer'));
  </code></pre>
  
  <p>but how to find a certain tag(the figure tag here) and append the image?</p>
  
  <p>I could locate the figure tag with '.find()':</p>
  
  <pre><code>var ImageContainer = $('&lt;div&gt;&lt;figure&gt;&lt;/figure&gt;&lt;/div&gt;').
  console.log(ImageContainer.find('figure').html());
  </code></pre>
  
  <p>but failed to append the image to it:</p>
  
  <pre><code>image.appendTo(ImageContainer.find('figure')); //doesn't work
  </code></pre>