jQuery .click doesn't fire when clicking the span tag nested in the a tag
<p>I'm using this jQuery to bind a click event to an <code>&lt;a&gt;</code> tag</p>

<pre><code>jQuery(document).ready(function() {

    jQuery(".post-like a").click(function(){

        heart = jQuery(this);

        // Retrieve post ID from data attribute
        post_id = heart.data("post_id");

        // Ajax call
        jQuery.ajax({
            type: "post",
            url: ajax_var.url,
            data: "action=post-like&amp;nonce="+ajax_var.nonce+"&amp;post_like=&amp;post_id="+post_id,
            success: function(count){
                // If vote successful
                if(count != "already")
                {
                    heart.addClass("voted");
                    heart.siblings(".count").text(count);
                }
            }
        });

        return false;
    })
})
</code></pre>

<p>The rendered HTML looks like this</p>

<pre><code>&lt;p class="button button_purple ico-like post-like"&gt;&lt;a href="#" data-post_id="208" class="likelink"&gt;&lt;span class="icon"&gt;
&lt;span title="I like this article" class="qtip like"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;span class="count"&gt;Vote&lt;/span&gt;&lt;/p&gt;
</code></pre>

<p>The <code>&lt;span class="count"&gt;Vote&lt;/span&gt;</code> is overlapping the a tag and I need to keep the HTML like this. How can I have the jQuery above fire when either the a tag or the span is clicked?</p>

<p>This is the php generating the HTML</p>

<pre><code>$output = '&lt;p class="button button_purple ico-like post-like"&gt;';
if(hasAlreadyVoted($post_id))
$output .= '&lt;span class="icon"&gt;&lt;span title="'.__('I like this article', $themename).'" class="like alreadyvoted"&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="count"&gt;'.$vote_count.'&lt;/span&gt;';
else
$output .= '&lt;a href="#" data-post_id="'.$post_id.'" class="likelink"&gt;&lt;span  class="icon"&gt;
&lt;span  title="'.__('I like this article', $themename).'" class="qtip like"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;span class="count"&gt;'."Vote".'&lt;/span&gt;&lt;/p&gt;';
return $output;
</code></pre>

<p>Thanks</p>
