title: Displaying same image multiple times at different locations in a web page using JavaScript
body: <p>I have a simple web page with a simple puzzle. There are some images that user is supposed to drag to their designated drop zones. I use solution in JavaScript generated by DreamWeaver.</p>
  
  <p>I want to add a JavaScript function that will show a <em>correct.png</em> or <em>wrong.png</em> image next to the image a user just dropped. The straightforward way to do it is to just have <em>correct</em> and <em>wrong</em> <code>div</code> elements for each of the draggable images. But is there a more elegant way?</p>
  
  <p>Another way to put it would be:<br />Write a JavaScript functions <code>Show(commonImageId, nextToImageId)</code> and <code>Hide(commonImageId, nextToImageId)</code> that would be used like <code>Show('correct', 'draggable1');</code>.</p>