title: jquery click event on anchor
body: <p>Here's the snippet of html i have:  </p>
  
  <pre><code>&lt;div id="tag-cloud-widget"&gt;  
      &lt;div class="content"&gt;  
          &lt;a href="#" rel="1" class="cloud-element" data-tag-id="10" style="font-size: 12px; color: rgb(205, 236, 222); "&gt;T1&lt;/a&gt;  
          &lt;a href="#" rel="1" class="cloud-element" data-tag-id="1" style="font-size: 12px; color: rgb(205, 236, 222); "&gt;T2&lt;/a&gt;  
          &lt;a href="#" rel="1" class="cloud-element" data-tag-id="3" style="font-size: 12px; color: rgb(205, 236, 222); "&gt;T3&lt;/a&gt;  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'd like to set up a click handler to respond to the user's click on the anchor tags. Here's the test code:  </p>
  
  <pre><code>$("#tag-cloud-widget .content a").click(function(e) {
      alert('clicked');  
      return false;  
  });  
  </code></pre>
  
  <p>The click handler above does not get fired and neither does this:  </p>
  
  <pre><code>$("#tag-cloud-widget .content .cloud-element").click(function(e) {  
      alert('clicked');  
      return false;  
  });  
  </code></pre>
  
  <p>However, </p>
  
  <pre><code>$("#tag-cloud-widget .content").click(function(e) { ... });  
  </code></pre>
  
  <p>and  </p>
  
  <pre><code>$("#tag-cloud-widget").click(function(e) { ... });  
  </code></pre>
  
  <p>do get fired!  </p>
  
  <p>What am I not seeing???</p>