Jquery avoid normal buttons when selecting :submit
<p>Say you have the following html document:</p>

<pre><code>&lt;form class="" ng-submit="CTRL.submit(CTRL.academy)" submit-throbber&gt;
&lt;div class="modal-body"&gt;
    &lt;div class="row"&gt;
        &lt;div class="col-xs-12 b-r" style="margin-top: 10px;"&gt;
            &lt;div class="form-group"&gt;
                &lt;label translate="FORMS.NAME"&gt;&lt;/label&gt;
                &lt;input class="form-control" placeholder="{{ 'FORMS.NAME_PLACEHOLDER' | translate }}"
                       ng-model="CTRL.academy.name" required=""&gt;
            &lt;/div&gt;
            &lt;label translate="FORMS.DESCRIPTION"&gt;&lt;/label&gt;
            &lt;textarea class="form-control" placeholder="{{ 'FORMS.DESCRIPTION_PLACEHOLDER' | translate }}"
                      ng-model="CTRL.academy.description"
                      style="height: 300px; margin-top: 0px; margin-bottom: 0px;"&gt;&lt;/textarea&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="lb-modal-footer"&gt;
    &lt;button class="btn btn-default" tooltip="{{ 'TOOLTIP.CANCEL' | translate }}" ng-click="CTRL.cancel()"&gt;&lt;i
            class="fa fa-ban"&gt;&lt;/i&gt;&lt;/button&gt;
    &lt;button type="submit" class="btn btn-success m-l-xs" tooltip="{{ 'TOOLTIP.SAVE_AND_EXIT' | translate }}"&gt;&lt;i
            class="fa fa-check-square-o"&gt;&lt;/i&gt;&lt;/button&gt;
&lt;/div&gt;
</code></pre>

<p>now when i use jquery to find the submit button i do: <code>$('form').find(':submit')</code></p>

<p>However in the above case it finds two results (both of my buttons)</p>

<p>This works correctly according to the <a href="https://api.jquery.com/submit-selector/" rel="nofollow">documentation</a></p>

<p>However is there a way to avoid this?</p>