title: CSS - Whole div clickable but an area not
body: <p>I have a a block with some information in it. This div has a hidden button called <code>.remove</code>. When you principal click on that block it takes you to another side. When you enter the div with your mouse the button appears. And of course the button is clickable too. But my problem here is the button is <strong>in</strong> the a block, which means when i click the button it takes me to the other side too. I don't want that action. Is the a way with CSS or/and jQuery how to prevent the forwarding to another side when you click the button? </p>
  
  <p>The HTML:  </p>
  
  <pre><code>&lt;a href="/asite"&gt;
      ...
      &lt;input type="button" class="remove" value="Remove" /&gt;
      ...
  &lt;/a&gt;
  </code></pre>