title: jQuery DIV click, with anchors
body: <p>To make click-able divs, I do:</p>
  
  <pre><code>&lt;div class="clickable" url="http://google.com"&gt;
      blah blah
  &lt;/div&gt;
  </code></pre>
  
  <p>and then </p>
  
  <pre><code>$("div.clickable").click(
  function()
  {
      window.location = $(this).attr("url");
  });
  </code></pre>
  
  <p>I don't know if this is the best way, but it works perfectly with me, except for one issue:
  If the div contains a click-able element, such as
      &lt;a href="..."&gt;, and the user clicks on the hyperlink, both the hyperlink and div's-clickable are called</p>
  
  <p>This is especially a problem when the anchor tag is referring to a javascript AJAX function, which executes the AJAX function <em>AND</em> follows the link in the 'url' attribute of the div.</p>
  
  <p>Anyway around this?</p>