title: Text box focusout event and enter issues in IE9
body: <p>I have a text input and one button of type submit adjacent to the input. I have bound <code>focusout</code> event-handler to the input and click event-handler to the button. Now when I focus on the input and then press <code>enter</code>, the <code>focusout</code> event-handler gets triggered and the buttons-event handler gets triggered. I want to trigger <code>focusout</code> only when text box focus is lost. What should I do ?</p>
  <p>Code :-</p>
  <pre><code> &lt;div &gt;
       &lt;span&gt;Local Currency: &lt;/span&gt;
       &lt;input type='text' id='txtFocusElement'  /&gt;
       &lt;button id=&quot;btnClickElement&quot; &gt;
           &lt;span&gt; Add new line&lt;/span&gt;
       &lt;/button&gt;
   &lt;/div&gt;
  </code></pre>
  <p>I used selector as:</p>
  <pre><code> $(&quot;#txtFocusElement&quot;).bind(&quot;focusout&quot;, function() {
        console.log('focusout');
   })
   $(&quot;#btnClickElement&quot;).bind(&quot;click&quot;, function() {
        console.log('click');
   })
  </code></pre>
  <p>and written above code in one function which I call at the time of loading document.</p>