title: How to select a span with multiple classes and placed inside an anchor?
body: <p>I'm in a situation where I need to bind a click event to a span (placed inside an achor having multiple classes) based on the classes applied to it.</p>
  
  <p><strong>For eg:</strong> </p>
  
  <p>UPDATE: Added the html eg below</p>
  
  <pre><code>&lt;div class="c0 c"&gt;
      &lt;a class="c1 c2"&gt;
      &lt;span class="c3 c4"&gt;&lt;/span&gt;Anchor_Text
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now I'm binding a click event as below:</p>
  
  <pre><code>$('span.c3.c4').click(function (e) { alert("clicked!"); });
  </code></pre>
  
  <p>The above jQuery code doesnt work. However if I use the classes on anchor to bind the click event, it works. Please see below:</p>
  
  <pre><code>$(.c1').click(function (e) { alert("clicked!"); });
  
  $(.c2').click(function (e) { alert("clicked!"); });
  </code></pre>
  
  <p>Any help will be appreciated!</p>
  
  <p>UPDATED: Please find the html example updated within the Q now.</p>