event.layerX error when using click() in jQuery
<p>This is driving me nuts, I can't see the problem. Using jQuery (I'm stuck with v 1.6.2 btw as it's within a CMS), I'm trying to show a div of content by clicking on a link.</p>

<p><em>Here's my HTML:</em></p>

<pre><code>        &lt;div id="vl-hcp" class="venue"&gt;
            &lt;h1&gt;Title of venue&lt;/h1&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor.&lt;/p&gt;
        &lt;/div&gt;

&lt;div class="venuesScroller"&gt;    
&lt;a href="javascript:void(0);" class="vl-hcp"&gt;&lt;span&gt;Title of venue&lt;/span&gt;&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p><em>Here's my jQuery:</em></p>

<pre><code>    $('.venuesScroller a').click(function(){
        // Make only currently clicked link active and hide other info boxes
        $('.venuesScroller a').removeClass('active');
        $('.venue').addClass('hidden');

        // Make link active and go through cases for showing text
        $(this).addClass('active');
        if($(this).hasClass('vl-hcp')) {
            $('#vi-hcp').removeClass('hidden');
        }
});
</code></pre>

<p>But no classes are changed on the venue div when I click the link and in Chrome (version 17.0.963.56), I'm getting the error:</p>

<blockquote>
  <p>event.layerX and event.layerY are broken and deprecated in WebKit.
  They will be removed from the engine in the near future.</p>
</blockquote>

<p>Can anyone see what the issue is? I'm really stuck here.</p>

<p>Thanks,</p>

<p>Osu</p>
