after removing attribute button is still perfoming actions in jQuery
<p>It's kinda simple piece of code, so i won't explain what it does.</p>

<p>Problem here is after I click the <code>.likes.1</code> div and then clicking <code>.likes.2</code> div and then again <code>.likes.1</code> it ends up showing me the <code>.article-info</code> div.</p>

<p>So even the attribute surname removed it stills perform it's task.</p>

<p>Why is that so ?</p>

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

    $(".likes.1[surname|='first']").click(function() {
        generate('information');
        $(this).removeAttr('surname');
        $(".article-info").show();
    });

    $(".likes.2").click(function() {
        $(".article-info").hide();
    });
</code></pre>
