Two buttons in a form, Both called

Question

Here's my ASP.NET form. When I click one button it calls both jQuery functions. It's probably a rudimentary HTML question but I'm not sure why:

<form id="form1" runat="server">
    <div id="testDialog">
    </div>

    <p><input type="button" id="invoke1" value="test 1" /></p>

    <input type="button" id="invoke2" value="test 2" />
</form>

<script type="text/javascript">
    $(function() {
        $("input:invoke1").click(function(){
            showSomething("testDialog");
        });

        $("input:invoke2").click(function(){
            showSomething2("test.aspx", options);
        });
    });
</script>

Answer 1

shouldnt those selectors be

$("input#invoke1") and  $("input#invoke2")

Answer 2

try just

 $("#invoke1").click(function(){
        showSomething("testDialog");
    });

    $("#invoke2").click(function(){
        showSomething2("test.aspx", options);
    });

since id's should be unique, this should solve your problem

Answer 3

You could even try

$("#invoke1")... and  $("#invoke2")...

Answer 4

the ID is unique for the document I see no need to include input with it, as follows

$("#invoke1").click()
$("#invoke2").click()