Button click always fires when you press enter key

I've spent hours trying to figure this out, but the solution is just adding the type="button" attribute to the button element.

Issue.
<button id="generateButton" class="btn btn-info btn-sm">Generate</button>

Solution
<button id="generateButton" type="button" class="btn btn-info btn-sm">Generate</button>

I got the solution from this post on SOF.
http://stackoverflow.com/questions/12325066/button-click-event-fires-when-pressing-enter-key-in-different-input-no-forms