Valor de Atributo no me devuelve el resultado

[AitorLopez]

Hola. Solicito vuestra ayuda.

Tengo un codigo html como este

Código HTML:

<div class="navigator">
          <ul>
              <li data="2">aaaaa</li>
              <li data="3">bbbbb</li>
          </ul>
        </div>
 

Y un codigo jquery como este

Código Javascript:

$(document).ready(function(){
    $( ".navigator" ).on( "click", function() {
    alert( $( this ).attr("data") );
    });
});
 

Entiendo que si hago click en el li que tiene valor 2 debería devolverme un mensaje con el valor 2 y lo mismo con el 3, pero me devuelve undefined.

A ver si me podeis ayudar, por favor.

Gracias.