Function not being initialized
<p>I am facing a very odd problem. Everything should work correctly, however, the function refuses to run.</p>

<p>I have similar functions that run just fine but this will not initialize unless I run it through the console.</p>

<p>This is the code:</p>

<pre><code>$(".like").click(function() {
    number = parseInt($(this).text());
    $(this).text(number+1).addClass("iLike").removeClass("like");
    delete number;
});

$(".iLike").click(function() {
    number = parseInt($(this).text());
    $(this).text(number-1).addClass("like").removeClass("iLike");
    delete number;
});
</code></pre>

<p>The site I am trying to run it @ is: ~~~~</p>

<p>It is in the scripts but, it's not running. I don't know why.</p>

<p>HTML:</p>

<pre><code>&lt;button id="like-85" class="like " type="button"&gt;3&lt;/button&gt;
</code></pre>

<p>Problem: Injecting HTML into the DOM would not alter the source and would not attached certain functions to the injection.</p>

<p>Solution: Insert within the tag, which is , an event such as onclick: </p>
