ember action triggered when press enter

I have this form write in ember using bootstrap framework. I want when keypress enter to catch the primary button, but the action cancel triggered.

<form {{action 'create' on="submit"}} class="form-horizontal form-bordered formaddObject">

        <div class="form-group">
            <div class="leftColCampaignType">
                <label class="col-sm-3 control-label labelFormCampaign addObject">Campaign's name</label>
            </div>
            <div class="rightColCampaignType">
                {{input value=campaign_name id="campaign_name" placeholder="Enter Name" class="form-control"}}
                <div class="transitionbuttonsinCampsettings transitionbuttonsinAddObject">
                    <button class="btn btn-default"{{action 'cancel'}} style="background-color: #E2E2E2;">Cancel</button>
                    <button class="btn btn-primary" type="submit" style="background-color:#ffa019!important; border:none;">Submit</button>
                </div>
            </div>
        </div>

    </form>