title: Create an image wherever someone taps- .append combined with pageX and Pagey
body: <p>I'm trying to create an interaction on smartpphones (iOS and Android) that creates an image wherever someone has tapped on the screen. Using jQuery Mobile this is the js I have right now:</p>
  
  <pre><code>$('#container1').bind('tap', function(e) {
   $('img').css({
    position: 'absolute',
    left:  e.pageX,
    top: e.pageY
   });
   $("#container1").append('&lt;img  src="image.png" /&gt;');
  });
  </code></pre>
  
  <p>However this creates an instance of the image and keeps stacking them wherever the user taps. How do I combine the two chunks of code to create unique instances of the same image wherever someone taps with unique X and Y positions? Thanks!</p>