mostrar dato con data

[mensajeescrito]

Hola amigos a ver si me pueden ayudar a esto.

necesito que se muestre en un alert, el valor de la variable llamada "foo".


para ello tengo que emplear el codigo que les pongo, pero no se por que no va.

decir que primero hay que hacer click en el boton1 y luego en el boton 2

ya que el boton 1 , guarda el dato.

y el segundo boton 2 , muestra el dato.

gracias de antemano.

Código Javascript:

$(document).ready(function(){
                                
                                $("#btn1").click(function(){
    
                                    $('div').data('keyName', { foo : 'bar' });
                                });
                                
                                
                                
                                $("#btn2").click(function(){
                                    
                                    alert($("div").data("keyName"));
                                });
                            });
 

Código HTML:

<button id="btn1">Guardar dato en div</button>
                    <button id="btn2">Mostrar dato de div</button>      
  
                    <div></div>