title: Click event is opening the wrong dialog in IE
body: <p>I have a website that has several buttons that open different jQuery ui dialog boxes.  </p>
  
  <p>Inside one of those dialogs (with an id of <code>filter_story</code>) is a text field in which a user can type in keywords that I use later to filter stories when polling the server.  I have the text field set-up so that a user can enter several keywords, clicking a button of class <code>approve_filter_item</code> after entering each item, or the user can simply click the <code>enter</code> button between each keyword.   </p>
  
  <pre><code>// button to open the keyword filter list
  $( "#filter_stories" ).click(
       function(){
         $( "#filter_dialog" ).dialog( "open" );
       }
  );
  
  $(".approve_filter_item").click(function(){
    [process the just inserted keyword and then put focus back on the textfield]
  });
  
  //listen for enter key when user's focus is on entering a new keyword
  $(".new_filter_item").keydown(function (e) {
    if (e.keyCode == 13) {
      $($(this).parents("tr")[0]).find(".approve_filter_item").click();
    }
  });
  
  // button to show the post story dialog form
  $( "#post_a_story" ).click( 
      function(){
        $( "#new_story_form" ).dialog( "open" );
      }
  );
  </code></pre>
  
  <p>Everything works exactly as expected in all versions of Chrome, FF and Safari.  I'm experiencing some bad behavior, however, in IE.  </p>
  
  <p>Say an IE user enters a keyword in the <code>#filter_stories</code> dialog, and then clicks <code>enter</code>; what happens is the <code>keydown</code> event listener triggers as expected, but after it executes the click event listener for <code>#post_a_story</code> also triggers.  Previously, I used <code>keyup</code> instead of <code>keydown</code>, and in that case the <code>#post_a_story</code> click-event mysteriously triggered immediately when a user clicked <code>enter</code>, and my <code>keyup</code> event listener never triggered at all. If I remove the <code>post_a_story</code> event listener altogether, another one of my dialog boxes opens up instead.  Why is an <code>enter</code> key press triggering unrelated <code>click</code> events?</p>
  
  <p>Note that if the user clicks the <code>approve_filter_item</code> button instead of clicking <code>enter</code>, the keyword is processed just as expected.</p>