jquery image click firing once
<p>I have a page with 3 tabs on it.  The first tab has a few cancel images with the class "cancelBtn".</p>

<pre><code>&lt;img src="images/cancel.gif" alt="Cancel Order" class="cancelBtn" id="49" /&gt;
</code></pre>

<p>The first time the page loads the click event fires fine, if I move away from the frist tab and return the click event doesn't fire.  Each time a tab is clicked the html used on the tab including the cancel button is retrieved from the server.</p>

<p>Does anyone know why the event only fires on when the page is loaded? thanks</p>

<pre><code>$(function () {
    $(".cancelBtn").click(function () {
        alert('hello');
        $.ajax({
            type: "POST",
            url: "Default.aspx/CancelOrder",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                $("#divResult").html(msg.d);
            }
        });
    });
});
</code></pre>
