Estoy trabajando con Twitter bootstrap en un sitio de Django que estoy haciendo. Tengo una página donde los usuarios pueden ingresar todas sus habilidades técnicas en una entrada de texto equipada con una tipografía de arranque. Estoy tratando de acceder al texto dentro del menú desplegable actualmente seleccionado, de modo que cuando se presiona ENTER y se resalta un elemento en el menú desplegable, toma ese valor y lo muestra debajo del campo de texto de entrada. Luego, el campo de texto de entrada se borra y el usuario puede buscar otra habilidad.

$(document).keyup(function(event) {
    if (event.keyCode == 13) {    
      if ($('.dropdown-menu').css('display') != 'none'){
        var newskill = $(".dropdown-menu > li.active").val();
        alert('Yay');
      }
      else{
        var newskill = $("#enterbox").val();
        alert('Boo');
      }      
      return false;
    }
  });

Si el menú desplegable está visible, la función de pulsación de tecla ingresa el elemento actualmente activo del menú desplegable y lo pega en el cuadro de texto (integrado en Bootstrap). No se muestra ningún cuadro de alerta. ¿Alguna idea de cómo puedo hacer que mi función se active antes de que eso suceda, es decir, antes de que se active la función de Bootstrap?