title: how to insert an image into a div with jquery
body: <p>I have the following markup:
  <code>&lt;div class="user-photo"&gt;
       &lt;img src="" /&gt;
   &lt;/div&gt;</code></p>
  
  <p>I want to insert an image in that div when I click another image on a page. My code looks like this:
  <code>
      $('body').on('click', '.image', function() {
          $('.user-photo').children('img').attr('src', $(this).attr('src'));
      });</code></p>
  
  <p>But it is not working</p>