title: Click on image and the name of the image shows up in jQuery
body: <p>I have a 4 different image of Mozart, and when a particular image is clicked, the name of the picture will show at the bottom. Not sure how to begin this in jquery.</p>
  
  <p>HTML:</p>
  
  <pre><code> &lt;a class="art" href=""&gt;&lt;img src="mozart.jpg"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>CSS: </p>
  
  <pre><code> .art {
      height: 200px;
      margin-bottom: 20px;
      width: 200px;
   }
  </code></pre>