<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>

```
$("div.clickable").click(
function(event)
{
    window.location = $(this).attr("url");
    event.preventDefault();
});
```