Why does this handler fire on both button clicks?
<p>I am wondering why this hander fires on both button clicks?</p>

<pre><code>&lt;script type="text/javascript"&gt;
   $(document).ready("#testbutton").click(function () {
        $.ajax({
            url: '@Url.Action("RenderBlogComments","Home")',

            success: function (data) {
                // your data could be a View or Json or what ever you returned in your action method 
                // parse your data here
                alert(data);
            }
        });
    });
&lt;/script&gt;

&lt;input type="submit" name="testbutton" value="submit" id="testbutton" /&gt;

&lt;input type="submit" name="testbutton" value="submit" id="testbutton2" /&gt;
</code></pre>
