title: Button Click event fires when pressing Enter key in different input (no forms)
body: <p>This logic is firing when pressing "Enter" in the "Amount" input, and I don't believe it should (it doesn't in Chrome).  How can I prevent this, and if not prevent it in IE, handle it so that the logic in the click event does not fire.</p>
  
  <pre><code>&lt;html&gt;
   &lt;body&gt;
     &lt;div id="page"&gt;
       &lt;div id="financed_amount"&gt;
        &lt;h1&gt;Financed Amount:&lt;/h1&gt;
        &lt;input type="text" id="amount" value="" /&gt;
       &lt;/div&gt;
       &lt;h1&gt;Finance Options&lt;/h1&gt;
       &lt;div&gt;
        &lt;a id="shareLink" rel="leanModal" name="email" href="#email"&gt;&lt;/a&gt;
        &lt;button id="btnShare" class="share"&gt;Share this report&lt;/button&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Script</strong></p>
  
  <pre><code>$("#btnShare").click(function (e) {
      // This logic is firing when pressing "Enter" in the "Amount" input
  });
  </code></pre>
  
  <ul>
  <li>Jquery: 1.7.2</li>
  <li>IE 9</li>
  <li>(Works in Chrome)</li>
  </ul>