title: trying to remove a class when image is clicked
body: <p>I'm try to remove a class with jquery when a image is clicked but I can seem to get it to work. 
  I'm using </p>
  
  <pre><code> $(this).removeClass('.title');
  </code></pre>
  
  <p>to remove this class but it's not working.</p>
  
  <pre><code> .title{
     font-size: 100%;
     top: -40px;
     color: white;
     left: 0%;
     position: absolute;  
     z-index: 1;
     }
  </code></pre>
  
  <p>Here's my <a href="http://jsfiddle.net/XYZZx/37/" rel="nofollow">JSFiddle</a>.</p>