Question

I have a form which I want to submit upon button click which is outside the form, here is my HTML :

<form id="checkin" name="checkin" id="checkin" action="#" method="post">
    <input type="text" tabindex="100" class="identifier" name="identifier" id="identifier">
    <input type="submit" tabindex="101" value="Submito" class="elsubmito" name="submit">
</form>

Here is my jQuery :

$("button").live('click', function() {
    $("#checkin").submit();
});

$("#checkin").live('submit', function() {

});

When I click submit button inside the form its submitting ok, but its not submitting when I click on the button which is outside the form tags, why? how can I fix this ?

Answer 1

You are selecting all the <button> elements but you are trying to select an <input>.

It works when it is inside the form because the the normal submit functionality runs.

Change the selector to match the element you actually have: input[type=submit]

Better yet, forget about the JS and just structure your HTML better so that the submit button is inside the form.