title: Interacting with icons through TABing
body: <p>I have a jquery form window with mutliple objects that can be interacted with, buttons, text and finally the "X" icon. </p>
  
  <pre><code>    $('#cancel-feedback, #feedback-dialogs .icon-close, #feedbackCloseAfter').click(function (e) {
      closeDialog();
  });
  </code></pre>
  
  <p>What I do not understand is why when I TAB through the objects to the "#cancel-feedback" (which is a button) and hit enter key the window closes but when I repeat the same process for the icon it does not.</p>
  
  <p>Clicking with the mouse cursor works fine for both cases.</p>