title: http://sorgalla.com - jCarousel / jQuery - Callback not firing with bind on Click Anchor
body: <p>I am a bit of a novice to Javascript I have to have to say - however I am prepared to give things a go. I can't seem to get the following click callback to work . It does not fire and there is no message on the Javascript console. </p>
  
  <p>Can anyone see anything glaringly wrong or incorrect in what I have done . 
  This is based on <a href="http://sorgalla.com" rel="nofollow">http://sorgalla.com</a> - jCarousel on top of jQuery. It is based on a simple example. The code which does not work is :</p>
  
  <pre><code>&lt;link href="style.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script type="text/javascript" src="jquery-1.7.1.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery.jcarousel.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="skin.css" /&gt;
  
  &lt;script type="text/javascript"&gt;
  jQuery(document).ready(function() {
      jQuery('#mycarousel').jcarousel({
          scroll:1, wrap: 'circular'
      });
   console.log('ready');
  });
  
  jQuery('#mycarousel a').bind('click', function() {
      console.log('click');
  });
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="wrap"&gt;
    &lt;ul id="mycarousel" class="jcarousel-skin-tango"&gt;
      &lt;li&gt;&lt;a id="test" href="#"&gt;Click&lt;/a&gt;&lt;/li&gt;
  ...
  ...
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any pointers would be most appreciated. 
  thank you , Malcolm</p>