How to call the post action of a form from outside it

Question

Hi Guys. I have a form that will be submitted when a button on my toolbar is clicked. That button is outside the form. How do I achieve this, below is what I have tried so far. Thanks.

The Button

<li>
    <a id="frmsub" title="" data-placement="bottom" data-title="Save" onclick="$('#testfrm').submit()">
        <span class="glyphicon glyphicon-floppy-save"></span>
    </a>
</li>

My Form

<div class="vx-ds-widget">
    <div class="container">
        @using (Html.BeginForm("EditCreateProfile", "Manage", FormMethod.Post, new { @id = "testfrm" }))

I have also tried this but not is working so far

$('#frmsub').click(function () {
    $('#testfrm').submit();
});

Answer 1

Try:

<script type="text/javascript">
    $(function () {
        $('#frmsub').click(function () {
            $('#testfrm').submit();
            return false; // to prevent link navigation
        });
    });
</script>