JQuery onclick doing nothing
<p>So here is my button:</p>

<pre><code>&lt;div id="calculateButton" style="cursor: pointer;"&gt;
    &lt;img src="&lt;%= VirtualPathUtility.ToAbsolute("~/img/chic/btn_calculate.gif")%&gt;" /&gt;
&lt;/div&gt;
</code></pre>

<p>And here is the javascript:</p>

<pre><code>$('#calculateButton').click(function () {
    alert('Calculating...');
});
</code></pre>

<p>When I click the button nothing happens. What am I doing wrong?</p>

<p>Edits:</p>

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

        $("#prepaymentTable").bubble({ width: 400, title: 'Prepayment' });
        $("#exposureTable").bubble({ width: 400, title: 'Exposure' });

        $('#calculateButton').click(function () {
            alert('Calculating...');
        });

    });
</code></pre>

<p>The bubble plugins both work...but not the button click...</p>
